Catégorie : Navigateur Web

Mise à jour de Firefox : v47

Firefox 48 vient de sortir. Pas de grand changement pour l’utilisateur lambda (hormis sur la vidéo), quelqu’un au niveau développeur.

Changements au niveau de l’interface et de la navigation

  • incorporation de module vidéo CDM de google. ce dernier vous permet de la lecture des vidéos cryptés d’Amazone prenium
  • lecture des Vidéos Youtube en HTML 5 si Flash n’est pas installé
  • activation du code vp9 (Compression vidéo de Google) si votre ordinateur est assez puissant
  • Ajout de la langue Latgalu (LTG)
  • Possibilité de désactiver des caches lorsque vous utilisez le bouton « retour » sur le protocole HTTPS
  • voir et rechercher les onglets ouverts à partir de votre smartphone ou un autre ordinateur dans une barre latérale
  • problème de sécurité résolut.
  • Suppression de la « clique pour activer » du plug-in liste blanche a été supprimée.
  • ajout de « about:performance » pour vous permettre de voir les performances générales des pages web et des modules

Changement au niveau développement

  • Suppression de la bibliothèque FULL (Firefox User Library Extension)
  • suppression de la vue 3D du débogueur. Je la trouvai utile dans certain cas, mais pas facile d’accès, dommage ;-(
    Le plug-in « Tile 3D » peut le remplacer si Firefox ne fonction pas en multiprocesseur
  • amélioration du débogage de : « Service Workers » et « Push API »
  • ajout d’un champ « Agent utilisateur » permettant de changé le nom de l’agent dans la « vue adaptative » du débogueur
    Vue adaptative
  • la console accepte l’écriture de code sur plusieurs lignes
  • Possibilité de filtrer les données affichées par l’outil Stockage
    Stockage

Toutes les nouveautés sont répertoriées (Anglais) ici :

https://developer.mozilla.org/en-US/Firefox/Releases/47#Changes_for_Web_developers

Voir rapidement les cookies de la page web en cours sans plug-in spécial !

Vous voulez voir les cookies de la page web en cours sans à avoir installer un plug-in ?
Serte, suivant les navigateurs on peut afficher les propriétés de la page et trouver un onglet correspondant. Mais vous pouvez aussi créer un signet (favoris, bookmark) qui vous affichera un message avec la liste des cookies.
Pour ce faire il faut créer un signet avec pour URL le texte suivant...

Lire la suite

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