Contenu | Rechercher | Menus
Cette page est en cours de rédaction.
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

    • 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

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

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

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



Le contenu de ce wiki est sous licence : CC BY-SA v3.0