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édentes Révision précédente
Prochaine révision
Révision précédente
bookmarklet [Le 19/10/2009, 12:36]
psychederic
bookmarklet [Le 11/09/2022, 11:49] (Version actuelle)
moths-art 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)
Ligne 7: Ligne 7:
  
     * 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 ​petite ​introduction aux bookmarklets - avec une animation]].+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 28: Ligne 31:
  
 ===== Sélection de bookmarklet ===== ===== Sélection de bookmarklet =====
 +
 +   * [[http://​www.bugmenot.com/​faq.php#​05|BugMeNot]] : trouver des logins pour le site en cour de visite.
 +
 +==== Jeux====
 +   * [[http://​erkie.github.com/​|Kick Ass]]
 +   * [[http://​fontbomb.ilex.ca/​|FontBomb]]
 +
 ==== Liens ==== ==== Liens ====
  
Ligne 76: Ligne 86:
 ==== Pour amateur de site d' "​image"​ ==== ==== Pour amateur de site d' "​image"​ ====
  
-  * [[http://​www.squarefree.com/​pornzilla/​|Les bookmarklets des Outils Pornzilla]].+  * [[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.
Ligne 92: Ligne 143:
 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]] ). 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 certaines raisons logiques, 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 100: Ligne 151:
 ===== Liens ===== ===== Liens =====
  
-  * **[[http://​www.hongkiat.com/​blog/​100-useful-bookmarklets-for-better-productivity-ultimate-list/​|100+ Useful Bookmarklets For Better Productivity | Ultimate List]]** ​+  * **[[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]].
  • bookmarklet.1255948616.txt.gz
  • Dernière modification: Le 28/04/2010, 15:37
  • (modification externe)