Table des matières

, , , , , ,

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 :

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 :

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

Jeux

Liens

Formulaire - zone de texte

Données - Texte - Images

Zapper des éléments

Autres

Pour développeur & designer

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
#
# 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;

Source : https://daringfireball.net/2007/03/javascript_bookmarklet_builder

Méthode Internet

Attention : Certains scripts peuvent être dangereux, veuillez lire la description - et vérifier les avis.

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 !

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.

Liens


Contributeurs : Psychederic.