Différences

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

--- bookmarklet [Le 18/10/2009, 14:52] – psychederic
+++ bookmarklet [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.**
-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 =====
@@ Ligne 28: / Ligne 31: @@
 ===== 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 ====
@@ Ligne 34: / Ligne 44: @@
      * LinkedPage : Ouvrir toutes les pages pointées par des liens dans la pages.
      * Openalllinks : Ouvrir tous les liens.
-     * Openselectedlinks : Ouvrir les liens dans le text sélectionnés.
+     * Openselectedlinks : Ouvrir les liens dans le texte sélectionné.
@@ Ligne 40: / Ligne 50: @@
 ==== 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 ====
   * [[https://www.squarefree.com/bookmarklets/pagedata.html|Text and Data Bookmarklets]]
-     * Highlight : Surligner toute occurence du texte recherché.
+     * Highlight : Surligner toute occurrence du texte recherché.
      * Zoomimagein : Agrandir l'image
      * Zoomimageout : Rétrécir l'image.
@@ Ligne 61: / Ligne 76: @@
-==== Pour dévellopeur & designer ====
+==== 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)
-  * [[http://speckyboy.com/2009/02/16/32-indispensable-bookmarklets-for-web-developers-and-designers/|32 Indispensable Bookmarklets for Web Developers and Designers]]
 ==== 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 =====
+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.
@@ Ligne 86: / 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]] ).
 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 94: / 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.hongkiat.com/blog/100-useful-bookmarklets-for-better-productivity-ultimate-list/|100+ Useful Bookmarklets For Better Productivity | Ultimate List]]
+  * [[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]].

Différences

Outils pour utilisateurs

Outils du site

Outils de la page

Divers