Différences
Ci-dessous, les différences entre deux révisions de la page.
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, 10:21] 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 40: | Ligne 50: | ||
==== Formulaire - zone de texte ==== | ==== Formulaire - zone de texte ==== | ||
- | * [[https://www.squarefree.com/bookmarklets/forms.html|Forms]] | + | * [[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 ==== | ==== Données - Texte - Images ==== | ||
Ligne 71: | 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 87: | 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 95: | 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]]. |