Différences

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

--- bookmarklet [Le 18/10/2009, 14:08]
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 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.**
+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 =====
@@ Ligne 27: / Ligne 32: @@
 ===== 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 =====
+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>
 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.
-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 !
-<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 =====
+  * **[[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]].
-  * [[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.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.bookmarklet.fr/annuaire/|Petit annuaire de bookmarklet(fr)]]
   * [[http://ptaff.ca/smart/|Smart Bookmarks Bookmarklets]] (fr)