Tester rapidement du code JavaScript avec Firefox

Ardoise JavaScript de Firefox

Vous voulez tester du code JavaScript (de plus de 1 ligne) rapidement (juste le temps de l’écrire) sans devoir monter une page HTML de test ? Firefox a pensé à vous avec son « Ardoise JavaScript« .

Depuis la version 33 de Firefox si vous appuyez sur les deux touches « Maj+F4 » ou sur le menu « Outils/Développement Web/Ardoise JavaScript » la fenêtre de test de « Ardoise JavaScript » s’affiche :

Ardoise-JavaScriptCette « Ardoise » va vous permettre de tester directement du code JavaScript. Vous pourrez aussi charger un fichier JavaScript et même formater votre code.

De plus, Ardoise vous offre les fonctionnalités suivantes:

  • formatage de code
  • complétion
  • auto-fermeture des parenthèses, accolade,
  • ajout automatique de guillemets, quottes (énervant à mon gout 😉
  • touche similaire aux éditeurs vim, Emacs, Sublime Text (voir la clé « devtools.editor.keymap »  de l’adresse « about:config« )

quelques astuces d’utilisation

Afficher la console

Appuyer sur les touches CTR+MAJ+J, sinon afficher l’outil de développement de Firefox en appuyant sur la touche F12, puis onglet « Console« .

Cas d’usage détourné

Le code s’exécute dans l’environnement de l’onglet actif de Firefox, C’est donc aussi un moyen pour extraire des données d’une page HTML 😉  En voici un exemple  d’application :

//charger le l'url suivante :https://www.qwant.com/?q=piradix&t=web

var nbFind = 0;
var list = document.getElementsByClassName('result--web--title');
for (var i=0; i<list.length; i++) {
  var s = list[i].innerHTML;
  if (s.toLowerCase().indexOf('piradix') >= 0) {
    nbFind++;
  }
}
alert('Nombre page contenant en titre \"piradix\" : ' + nbFind+"/"+list.length);

Sources

Vous trouverez la documentation en Français de « Ardoise JavaScript » sur https://developer.mozilla.org/fr/docs/Outils/Ardoise