En un mot, les bookmarklets sont petites petites applications que vous pouvez placer comme barre de favoris du navigateur  et ils remplissent chacun une fonction spécifique, en fonction de ce pour quoi ils sont codés.

Les Bookmarklets sont généralement écrits en Javascript, et ils sont extrêmement faciles à installer/supprimer. À installer un bookmarklet tout ce que vous avez à faire est de les tracer dans votre barre d’outils de signets, c’est tout. Les Bookmarklets fonctionnent dans la plupart des navigateurs.

Dans cet article, nous allons vous montrer quelques-unes des bookmarklets les plus utiles pour les concepteurs et les développeurs ou même si vous êtes un internaute, ils pourraient être utiles.

A quoi servent les bookmarklets ?

Comme mentionné ci-dessus, les bookmarklets sont constitués de codes JavaScript qui exécutent certaines fonctions. Une fois ajouté à la barre de favoris de votre navigateur, le bookmarklet exécutera la fonction JavaScript pour laquelle il est codé.

Par exemple : si vous avez ajouté un marque-page « Espagnol vers anglais » à votre barre de favoris, cliquez dessus pour traduire le contenu de la fenêtre de navigateur active actuelle de l’espagnol vers l’anglais.

Pourquoi les bookmarklets sont-ils cool ?

Bref, ils sont efficaces! Voici quelques raisons pour lesquelles nous pensons que les bookmarklets sont cool:

  • Facile à installer – L’installation d’un bookmarklet est simple. Tout ce que vous avez à faire est de le faire glisser vers la barre d’outils des signets. Pour les supprimer, faites simplement un clic droit dessus et appuyez sur supprimer.
  • Lumière – Les Bookmarklets ne sont que quelques lignes de codes Javascript. Vous pouvez avoir plus de 50 bookmarklets ajoutés à votre navigateur, et il ne sera toujours pas en retard, même un peu.
  • Aucune mise à jour requise – La plupart des plugins nécessitent des mises à jour, en particulier lorsqu’il existe une nouvelle version du navigateur. Les Bookmarklets, en revanche, sont moins susceptibles de nécessiter une mise à jour.
  • Compatible avec plusieurs navigateurs – Les Bookmarklets sont écrits avec Javascript, ils fonctionnent dans la plupart des navigateurs.

Ajouter/supprimer des bookmarklets au navigateur

Il est vraiment facile d’ajouter ou de supprimer des bookmarklets vers et depuis votre navigateur. Vous pouvez soit faites-les glisser vers votre barre de favoris ou ajouter un nouveau signet via le gestionnaire de signets du navigateur ajoutez un nom et collez le code JavaScript dans la section URL.

glisser installer les bookmarklets

Pour supprimer un bookmarklet, il vous suffit faites un clic droit dessus et sélectionnez Supprimer.

Les bookmarklets fonctionneront-ils sur les appareils mobiles ?

La réponse courte à cela serait oui; Les bookmarklets fonctionnent sur les appareils mobiles.

Cependant, en raison de son petit écran, l’ajout d’un bookmarklet au navigateur d’un appareil mobile peut être difficile.

L’alternative à cela serait d’ajouter un bookmarklet sur votre navigateur de bureau et de vous assurer que les navigateurs de bureau et mobiles sont synchronisés.

Marque-pages utiles pour augmenter la productivité

Signets de conversion
Signets d’informations sur la page
  • Afficher le mot de passe — Définissez un mot de passe et vous avez oublié ? Ce bookmarklet prend votre ***** à partir du champ de formulaire et vous affiche le mot de passe réel.
  • Afficher les informations sur le site – Un autre bookmarklet pour trouver des informations sur le site par Buildwith.com.
  • Gratte-serp Google — Afficher tous les liens et le texte d’ancrage de la page actuelle.
  • Pile de sites Web – Vous êtes-vous déjà demandé quelle technologie un site Web utilise, comme des détails sur le CDN, le cadre CSS-JS, la plate-forme CMS, le réseau publicitaire, etc. ce bookmarklet vous dit exactement que,
  • Vérifier la police – Vous pouvez facilement vérifier la police utilisée dans n’importe quelle page Web, il suffit de cliquer sur le bookmarklet et de survoler le texte pour en savoir plus, vous pouvez même écrire votre propre texte pour voir à quoi il ressemble.
  • Analyse de texte – Affiche le nombre de mots, le nombre de caractères et d’autres informations sur le texte en surbrillance.
  • Le site Web est-il en panne ? – Vous montre si le site Web actuel est en panne.
  • Vérifier les liens internes et externes – Vous pouvez facilement vérifier le nombre de liens dans un article pointant vers un site Web externe et lesquels sont internes. Rouge = Lien interne. Orange = lien actuellement ouvert. Bleu = Lien externe
  • Afficher tous les scripts – Répertorie tous les scripts chargés sur la page, qu’ils soient en ligne ou chargés via une URL.
Bookmarklets liés à la recherche
  • Recherche Amazon — Utilisez votre curseur pour surligner du texte sur une page, cliquez sur le signet pour rechercher ce texte sur Amazon. Idéal pour vérifier si quelque chose est au même prix sur Amazon ou simplement proposé à la vente par eux.
  • Dictionnaire — Recherche le texte en surbrillance dans Dictionary.com.
  • Reddit — Partager la page dans Reddit.
  • Tumblr — Partagez des images sur Tumblr.
  • Wikipédia — Recherche de texte surligné dans Wikipédia.
  • Acronym Finder – Recherche de texte surligné dans acronymfinder.com
  • Dictionnaire urbain – Recherche de texte surligné dans urbandictionary.com
  • Thesaurus.com — Recherche de texte surligné dans thesaurus.com.
  • Reference.com — Recherche le texte en surbrillance dans reference.com.
  • WayBack Search — Recherchez un site Web dans WayBack Search.
Signets de partage de contenu
  • Shareaholic – Avec le bookmarklet Shareaholic, vous pouvez partager n’importe quelle page Web sur divers réseaux sociaux tels que Facebook, Twitter, Google+, Pinterest et LinkedIn. Vous pouvez également l’envoyer par e-mail et le publier sur des plateformes de blogs comme Blogger et Tumblr. Il existe de nombreux réseaux sociaux différents parmi lesquels choisir, et la barre de recherche est idéale pour identifier un service spécifique que vous recherchez.
  • Facebook — Le bookmarklet Facebook facilite le partage de n’importe quelle page Web sur Facebook, sans extension. Cliquez simplement et vous verrez apparaître la fenêtre de partage Facebook. Il existe cinq façons de partager : sur votre journal, sur le journal d’un ami, dans un groupe, sur une page de fans ou dans un message privé.
  • Pocket – Le bookmarklet Pocket (anciennement Read It Later) fonctionne exactement comme l’extension et vous permet d’enregistrer des pages Web pour une lecture ultérieure. Cliquez simplement dessus et la page sera enregistrée immédiatement. il vous donne également la possibilité d’ajouter des balises si vous le souhaitez.
  • Instapaper – Pour ceux qui préfèrent Instapaper comme outil principal pour enregistrer des pages Web pour une lecture ultérieure, ne vous inquiétez pas car il est également inclus ! Instapaper est un peu comme Pocket et Readability. Lorsque vous cliquez sur le bookmarklet, vous verrez un « Enregistré! » message dans le coin supérieur gauche de la page, vous informant qu’il a été ajouté.
  • Toodledo – J’ai déjà essayé l’extension Toodledo Chrome et le module complémentaire Firefox, et je ne suis pas fan. En fait, je préfère le bookmarklet. Il vous permet d’ajouter des tâches à votre compte Toodledo à partir de n’importe quelle page du Web. Il est élégant et facile à utiliser ; vous pouvez choisir des dossiers, ajouter des dates d’échéance et même ajouter une priorité à vos tâches.
Signets de traduction
Bookmarklets liés à l’interface utilisateur
  • PrintWhatYouLike – Bien que vous puissiez simplement imprimer certaines sections d’une page en plaçant stratégiquement votre outil de capture d’écran, ce bookmarklet vous permet, entre autres, de supprimer des images et du texte d’une page avant de l’imprimer. De cette façon, vous n’obtiendrez une impression que des choses que vous voulez, ce qui vous fera économiser de l’encre et du papier précieux.
  • Zoom avant — Zoom avant sur la page actuelle.
  • Zoom arrière — Effectuez un zoom arrière sur la page actuelle.
  • Mettre les liens en surbrillance — Mettez en surbrillance tous les liens de la page actuelle.
  • Activer le clic droit — Si le site Web désactive le clic droit, ce bookmarklet l’active.
  • Supprimer les feuilles de style — Supprimer le CSS de la page actuelle.
  • Supprimer les images — Supprimer les images de la page actuelle.
  • Supprimer les cookies — Supprimer les cookies stockés de la page actuelle.
  • Mettre le texte en minuscules — Met tout le texte de la page actuelle en minuscules.
  • Rendre le texte en majuscule — Met tout le texte de la page actuelle en majuscule.
  • Mettre le texte en majuscule — Met tout le texte en majuscule sur la page actuelle.
  • Link Bookmarklets – Consultez cette page pour plus de bookmarklets liés aux pages et aux liens.
  • Créateur de marque-pages MrColes — Créez votre propre bookmarklet en ligne.
  • Ajouter aux favoris — Un autre site pour créer votre propre bookmarklet.