Apportez votre aide…
Bookmarklet : Des Marques pages Scriptés
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'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 une introduction aux bookmarklets - avec une animation - et 10 bookmarklets pour commencer.
Description
Les bookmarklets sont aussi appelés favelets, du fait qu'Internet Explorer associe la dénomination favoris aux signets.
Les bookmarklets peuvent être sauvegardés et utilisés comme des signets de pages normales et sont donc des outils 'en 1 clic'. Lors de la sélection du signet, le navigateur ne se contente pas d'afficher la page, mais exécute le code JavaScript du bookmarklet pour apporter des fonctionnalités intéressantes au navigateur, telles que :
- modifier le rendu graphique d'une page web (en changeant par exemple la couleur, la police de caractères, la taille des images, etc.)
- récupérer des informations d'une page web (hyperliens, images, texte, etc.)
- interroger directement un moteur de recherche, en précisant l'objet de la recherche soit dans une boîte de dialogue, soit directement en le sélectionnant dans la page courante
- soumettre la page courante à un service web tiers (par exemple ajouter automatiquement la page à del.icio.us)
L'URL d'un bookmarklet commence par javascript: et est suivie du code JavaScript à exécuter. Cependant, l'utilisation des bookmarklets est limitée car les navigateurs ont une limite de caractères pour l'URL.
Sélection de bookmarklet
- BugMeNot : trouver des logins pour le site en cour de visite.
Jeux
Liens
-
- 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
-
- Toggle Checkboxes : Inverser les Boites à cocher.
-
- Tick All / Untick All : Tout cocher / décocher.
Données - Texte - Images
-
- 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
-
- Zap image : zapper les images de la page.
Autres
-
- 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
- Validation (en)
- Développement Web (en)
Pour amateur de site d' "image"
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
#!/usr/bin/env perl
#
# http://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;
Source : http://daringfireball.net/2007/03/javascript_bookmarklet_builder
Méthode Internet
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 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 dans ce générateur ( ou un autre ).
Collez ensuite le résultat dans un de vos favoris, sans oublier de rajouter javascript: devant le code !
Liens
- Bookmarklet de Samrod Senasa. (surtout bookmarklet de site ex : wikipedia , amazon, google … )
Contributeurs : Psychederic.