Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
bookmarklet [Le 18/10/2009, 14:08] – psychedericbookmarklet [Le 11/09/2022, 11:49] (Version actuelle) – Suppression des espaces en fin de ligne (détecté et corrigé via le bot wiki-corrector (https://forum.ubuntu-fr.org/viewtopic.php?id=2067892) moths-art
Ligne 1: Ligne 1:
-{{tag>extension programmation optimisation internet firefox brouillon}}+{{tag>extension programmation optimisation internet navigateur firefox brouillon}}
 ---- ----
  
-====== Bookmarklet ======+====== Bookmarklet : Des Marques pages Scriptés ======
  
-Un bookmarklet (ou un marque-page scripté) est un petit programme JavaScript pouvant être stocké :+Un bookmarklet (ou un marque-page scripté) est un petit programme JavaScript qui s'exécute dans le navigateur :
  
-    * soit en tant qu'URL dans un favoris/marque page, avec la plupart des navigateurs Web.  +    * soit en tant qu'URL dans un **favoris/marque page**, avec la plupart des navigateurs Web.  
-    * soit en tant qu'hyperlien dans une page web. (pratique pour les développeurs)+    * soit en tant qu'hyperlien dans une page web.  
 + 
 +A la fois pratique pour les utilisateurs, 
 +et pratique pour les développeurs/designers (et permet de s'ouvrir à d'autres possibilités Javascript ...).
  
 **Les scripts bookmarklet ne sont pas nécessairement compatibles tout navigateur.** **Les scripts bookmarklet ne sont pas nécessairement compatibles tout navigateur.**
 +
 +Voir [[http://blog.jeanviet.info/partage/10-bookmarklets-pour-surfer-sur-le-web-astucieusement.htm|une introduction aux bookmarklets - avec une animation - et 10 bookmarklets pour commencer]].
  
 ===== Description ===== ===== Description =====
Ligne 27: Ligne 32:
 ===== Sélection de bookmarklet ===== ===== Sélection de bookmarklet =====
  
-==== Pour dévellopeur ====+   * [[http://www.bugmenot.com/faq.php#05|BugMeNot]] : trouver des logins pour le site en cour de visite.
  
-  * [[javascript:(function(){%20function%20fixFileUrl(u)%20{%20var%20windows,u;%20windows%20=%20(navigator.platform.indexOf("Win")%20!=%20-1);%20%20/*%20chop%20off%20file:///,%20unescape%20each%20%hh,%20convert%20/%20to%20\%20and%20|%20to%20:%20*/%20%20u%20=%20u.substr(windows%20?%208%20:%207);%20u%20=%20unescape(u);%20if(windows)%20{%20u%20=%20u.replace(/\//g,"\\");%20u%20=%20u.replace(/\|/g,":");%20}%20return%20u;%20}%20/*%20bookmarklet%20body%20*/%20var%20loc,fileloc;%20loc%20=%20document.location.href;%20if%20(loc.length%20>%209%20&&%20loc.substr(0,8)=="file:///")%20{%20fileloc%20=%20fixFileUrl(loc);%20if%20(prompt("Copy%20filename%20to%20clipboard,%20press%20enter,%20paste%20into%20validator%20form",%20fileloc)%20!=%20null)%20{%20document.location.href%20=%20"http://validator.w3.org/file-upload.html"%20}%20}%20else%20document.location.href%20=%20"http://validator.w3.org/check?uri="%20+%20escape(document.location.href);%20void(0);%20})();|Validation W3C.]]+==== Jeux==== 
 +   * [[http://erkie.github.com/|Kick Ass]] 
 +   * [[http://fontbomb.ilex.ca/|FontBomb]]
  
 +==== Liens ====
 +
 +  * [[https://www.squarefree.com/bookmarklets/pagelinks.html|Link Bookmarklets]]
 +     * LinkedImage : Ouvrir toutes les images pointées par des liens dans la pages.
 +     * LinkedPage : Ouvrir toutes les pages pointées par des liens dans la pages.
 +     * Openalllinks : Ouvrir tous les liens.
 +     * Openselectedlinks : Ouvrir les liens dans le texte sélectionné.
 +
 +
 +
 +==== Formulaire - zone de texte ====
 +
 +  * [[https://www.squarefree.com/bookmarklets/forms.html|Forms Bookmarklet]]
 +     * Toggle Checkboxes : Inverser les Boites à cocher.
 +
 +  * [[http://www.howtocreate.co.uk/bookmarklets.html|Forms]]
 +     * Tick All / Untick All : Tout cocher / décocher.
 +
 +==== Données - Texte - Images ====
 +
 +  * [[https://www.squarefree.com/bookmarklets/pagedata.html|Text and Data Bookmarklets]]
 +     * Highlight : Surligner toute occurrence du texte recherché.
 +     * Zoomimagein : Agrandir l'image
 +     * Zoomimageout : Rétrécir l'image.
 +     * Sort Table : Trier un tableau html par ordre alphabétique.
 +==== Zapper des éléments ====
 +  * [[https://www.squarefree.com/bookmarklets/zap.html|Bookmarklets for Zapping Annoyances]]
 +     * Zap image : zapper les images de la page.
 +
 +==== Autres ====
 +  * [[https://www.squarefree.com/bookmarklets/misc.html|Miscellaneous Bookmarklets]]
 +     * Up : monter d'un répertoire d'url.
 +     * Top : monter à l'url de base.
 +     * Increment : Incrémenter l'url.
 +     * Decrement : Décrémenter l'url.
 +
 +
 +
 +==== Pour développeur & designer ====
 +  * **[[http://speckyboy.com/2009/02/16/32-indispensable-bookmarklets-for-web-developers-and-designers/|32 Indispensable Bookmarklets for Web Developers and Designers]]**
 +
 +
 +  * [[https://www.squarefree.com/bookmarklets/validation.html|Validation]] (en)
 +  * [[https://www.squarefree.com/bookmarklets/webdevel.html|Développement Web]] (en)
 +
 +
 +==== Pour amateur de site d' "image" ====
 +
 +  * [[https://www.squarefree.com/pornzilla/|Les bookmarklets des Outils Pornzilla]].
  
  
 ===== Transformer un script Greasemonkey en Bookmarklet ===== ===== Transformer un script Greasemonkey en Bookmarklet =====
 +Nous vous proposons quelques méthodes pour transformer des scripts [[greasemonkey]], ou tout autre script javascript en bookmarklet.
 +
 +==== Méthode Perl ====
 +
 +<code>
 +#!/usr/bin/env perl
 +#
 +# https://daringfireball.net/2007/03/javascript_bookmarklet_builder
 +
 +use strict;
 +use warnings;
 +use URI::Escape qw(uri_escape_utf8);
 +use open  IO  => ":utf8",       # UTF8 by default
 +          ":std";               # Apply to STDIN/STDOUT/STDERR
 +
 +my $src = do { local $/; <> };
 +
 +# Zap the first line if there's already a bookmarklet comment:
 +$src =~ s{^// ?javascript:.+\n}{};
 +my $bookmarklet = $src;
 +
 +for ($bookmarklet) {
 +    s{^\s*//.+\n}{}gm;  # Kill comments.
 +    s{\t}{ }gm;         # Tabs to spaces
 +    s{[ ]{2,}}{ }gm;    # Space runs to one space
 +    s{^\s+}{}gm;        # Kill line-leading whitespace
 +    s{\s+$}{}gm;        # Kill line-ending whitespace
 +    s{\n}{}gm;          # Kill newlines
 +}
 +
 +# Escape single- and double-quotes, spaces, control chars, unicode:
 +$bookmarklet = "javascript:" .
 +    uri_escape_utf8($bookmarklet, qq('" \x00-\x1f\x7f-\xff));
 +
 +print "// $bookmarklet\n" . $src;
 +
 +
 +</code>
 +
 +Source : https://daringfireball.net/2007/03/javascript_bookmarklet_builder
  
 +==== Méthode Internet ====
  
 <note warning>Attention : Certains scripts peuvent être dangereux, veuillez lire la description - et vérifier les avis.</note> <note warning>Attention : Certains scripts peuvent être dangereux, veuillez lire la description - et vérifier les avis.</note>
  
-Nous nous proposons de transformer les scripts greasemonkey en bookmarklet - ou simple favori dans votre navigateur. +Nous nous proposons de transformer les scripts greasemonkey en bookmarklet - ou simple favori dans votre navigateur.
  
-Trouvez vous un script [[greasemonkey]] intéressant sur le site [[http://userscripts.org/scripts|userscript.org]].+Trouvez vous un script [[greasemonkey]] intéressant sur le site [[https://userscripts.org/scripts|userscript.org]].
  
 Ensuite faite un clic droit sur "Install" à droite -> Puis Voir le code source du script. Ensuite faite un clic droit sur "Install" à droite -> Puis Voir le code source du script.
  
-Copiez le contenu du fichier et passez le [[http://dean.edwards.name/packer/|dans le compresseur]].+Copiez le contenu du fichier et passez le [[http://dean.edwards.name/packer/|dans ce générateur]] ( ou [[http://wildmary.net-sauvage.com/utils/bookgenerator.php|un autre]] ).
  
-Collez ensuite le résultat dans un de vos favoris, sans oublier de rajouter javascript: devant le code ! +Collez ensuite le résultat dans un de vos favoris, sans oublier de rajouter javascript: devant le code !
  
-<note important>Cette manipulation peut ne pas fonctionner avec tous les scripts, parfois pour certaine raison logique, ou parfois il vous faudra mettre vos main dans le code.</note>+<note important>Cette manipulation peut ne pas fonctionner avec tous les scripts, parfois pour certaines raisons logiques, ou parfois il vous faudra mettre vos main dans le code.</note>
  
  
Ligne 54: Ligne 151:
 ===== Liens ===== ===== Liens =====
  
- +  * **[[https://www.hongkiat.com/blog/100-useful-bookmarklets-for-better-productivity-ultimate-list/|100+ Useful Bookmarklets For Better Productivity | Ultimate List]]**
   * [[https://www.squarefree.com/bookmarklets/| Jesse's Bookmarklets Site]].   * [[https://www.squarefree.com/bookmarklets/| Jesse's Bookmarklets Site]].
-  * [[http://www.squarefree.com/pornzilla/|Outils Pornzilla]].+  * [[https://www.squarefree.com/pornzilla/|Outils Pornzilla]]. 
 +  * [[http://samrod.com/| Bookmarklet de Samrod Senasa.]] (surtout bookmarklet de site ex : wikipedia , amazon, google ... ) 
 + 
 +  * [[http://www.mvps.org/dmcritchie/ie/bookmarklets.htm|Bookmarklets  (JavaScript Favelets)]] 
 +  * [[http://shakacss.af83.com/|ShakaCSS est un bookmarklet sympa pour débugger ses CSS, sous licence MIT.]]
   * [[http://www.marklets.com/bookmarklets/| Marklets.com - Répertoire de Bookmarklet]]   * [[http://www.marklets.com/bookmarklets/| Marklets.com - Répertoire de Bookmarklet]]
   * [[http://www.bookmarklets.com| Bookmarklets.com]]   * [[http://www.bookmarklets.com| Bookmarklets.com]]
 +  * [[http://www.latentmotion.com/how-to-create-a-jquery-bookmarklet/|How to Create a jQuery Bookmarklet]]
 +
   * [[http://www.pcmag.com/print_article2/0,1217,a=116252,00.asp| Bookmarklets Boost Web Surfing]].   * [[http://www.pcmag.com/print_article2/0,1217,a=116252,00.asp| Bookmarklets Boost Web Surfing]].
 +
 +  * [[http://www.bookmarklet.fr/annuaire/|Petit annuaire de bookmarklet(fr)]]
  
   * [[http://ptaff.ca/smart/|Smart Bookmarks Bookmarklets]] (fr)   * [[http://ptaff.ca/smart/|Smart Bookmarks Bookmarklets]] (fr)
bookmarklet.1255867702.txt.gz · Dernière modification : (modification externe)
CC Attribution-Noncommercial-Share Alike 4.0 International Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Noncommercial-Share Alike 4.0 International