[Browser] Fabriquer une extension pour votre navigateur en 1mn

PSY-GANGNAM-STYLE

Salut à tous,

 

Je ne sais si vous aviez connu ça ... mais à l'époque, avant l'arrivée des plugins / extensions et compagnie, nous nous échangions des bouts de codes javascript à mettre dans nos urls !

 

Firebug, si je me souviens bien avait commencé comme ça !

 

Alors, l'idée, c'est de créer un script qui s’exécute dans l'URL, et donc de l'ajouter dans vos favoris, pour l’exécuter d'un simple clic, n'importe où !

 

Aussi, si je prends l'exemple d'un petit bout de ce code Javascript qui génère des mots de passe :

var cr = '',
    crs = "azertyuiopqsdfghjklmwxcvbn1234567890,.-_$%\/({})",
    mS = 15,
    i = 0,
    pswd = "",
    rand = function(m) { return Math.floor(m * Math.random()); };
while (i++ <= mS && (cr = crs.charAt(rand(crs.length))))
    	pswd += (rand(3) == 1) ? cr.toUpperCase() : cr.toLowerCase();
prompt("Mot de passe : ", pswd);

 

Que je le compresse (saut de ligne, espace, point virgule ...)

javascript:var cr='',crs="azertyuiopqsdfghjklmwxcvbn1234567890,.-_$%\/({})",mS=15,i=0,pswd="",rand=function(m){return Math.floor(m * Math.random()); }; while (i++ <= mS && (cr=crs.charAt(rand(crs.length))))
pswd+=(rand(3) == 1)?cr.toUpperCase():cr.toLowerCase();prompt("Mot de passe : ", pswd);

(notez l'importance d'ajouter "Javascript:" directement avant le code, sinon ça ne s’exécutera pas)

J'ai un petit bout de code que je peux exécuter en le copiant collant dans mon url !!!

Youhou !!!!

 

C'est une première étape !

Ensuite il suffit, si vous êtes sous chrome, d'aller dans vos favoris (Pour firefox, ça ne doit pas être bien différent) :
Menu "paramètre" > Favoris > Gestionnaire de Favoris

 

Capture

 

 

Une fois là, vous aurez la possibilité d'ajouter un favori de la manière suivante.

  • Un clic droit sur le dossier "Barre de favoris" (ou un autre)
  • Puis un autre clic sur  'Ajouter une page' !

Capture

Voilà, vous allez maintenant, pouvoir donner un petit nom à ce raccourci et copier coller le script !
Capture

Essayons à présent

de voir si ça

marche !

Pour cela, c'est tout simple, vous vous rendez dans vos favoris.
Puis vous cliquez sur le favori que vous venez de créer

Capture

 

Et Hop c'est magique !

 

Capture

 

Partagez ce contenu

Laisser une réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *