Catégorie : Firefox

Article sur Firefox

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

 

Nouveautés de Firefox 45 avec images

Beaucoup de sites d’information vous indiquent les nouveautés de Firefox 46,  mais aucun de vous n’indique comment y accéder. De plus sur le site de Mozilla il n’est pas facile de trouver la liste des nouveautés (le site est beau, mais il donne l’impression de ne pas contenir grand-chose 😉

Donc voici avec des images et des liens les nouveautés de Firefox 46 :

  • Affichage d’une vue des onglets ouverts sur vos autres appareils utilisant Firefox Sync.
    Comme vous pouvez le voir en cliquant sur l’icône « onglet » Firefox m’affiche les pages web ouvertes sur mes 3 autres appareils qui utilisent « Sync ».
    La documentation est ici.

Affichage des onglets ouvert sur d'autre appareil

  • La complétion dans la barre d’adresse tient compte des onglets synchronisés.
  • Vous trouverez de la documentation en Français ici.

completion sur barre d'addresse

  • Hello support maintenant le partage d’onglet. Enfin vous allez pouvoir montrer à votre correspondant la page web que vous visionné.
    Vous trouverez la documentation ici.

Hello

  • Nouvelle langue supporter le Guarani [gn]
  • ajout d’une nouvelle préférence « network.dns.blockDotOnion » permettant de bloquer « .onion » au niveau du DNS.
  • Gestion des groupes d’onglets est  supprimé

Sources (en Anglais) :

Lien vers la documentations (en Français):

Coloriser les boutons du menu de Firefox

Logo Firefox

Les icônes du menu Firefox sont toutes en gris. On se croirait en Bretagne 😉

Si vous trouvez que cela manque de couleur comme moi, il existe une solution : le module Stylish:

sous Firfox cliquer sur l’icône « Modules » puis sur « Catalogue » (à gauche) , puis tapez « stylish » dans la zone de recherche se trouvant en haut à droite, puis installer l’extension trouvée

Redémarrez Firefox, puis allez sur page suivante https://userstyles.org/styles/101231/colorize-firefox-buttons, cliqué sur le bouton bleu « Install » pour l’installer.

Maintenant les boutons du menu Firefox sont colorés :

 

Autoriser les modules non signés sous Firefox 43

Logo Firefox

Avec la nouvelle version de Firefox 43, tous les modules non signés sont désactivés.

Et bien sûr votre module favori est dans la liste !
Pour le réactiver il faut :

  • lancer Firefox 😉
  • tapez « about:config » dans la barre d’adresse
  • chercher la clé « xpinstall.signatures.required », puis passer là a « false » (double clic dessus)
  • Relancer Firefox

Attention :  cette astuce n’est valable que pour Firefox 43.

Firefox : Optimiser le chargement des pages avec Decentraleyes

Logo Firefox

Tous les sites web utilisent des bibliothèques JavaScript. Se faisant ils alourdissent le chargement des pages web.
Afin d’optimiser ce chargement, les fichiers de ces API sont « minifiés » (suppression de tous les caractère inutiles dans le code, comme les espaces, les commentaires …) et certains serveurs à haut débit vous proposent de les héberger. Par exemple chez google vous trouvère la bibliothèque jQuery momifiée en lien directement utilisable sur vos pages HTML en incluant le code suivant :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

C’est ce qui est appelé un CDN.
Actuellement, beaucoup de pages web font appel à ces CDN pour optimiser vos chargements de page HTML.

Et si ces CDN étaient déjà sur votre ordinateur ? Cela éviterait de perdre du temps à les télécharger…

C’est l’idée qu’a eue Thomas Rientjes,  il a réalisé le plug-in « Decentraleyes » pour Firefox qui fait exactement cela.
Depuis que je l’utilise, les sites web qui utilise des CDN, se charges bien plus vites.

Alors qu’attendez-vous pour l’installer sur Firefox :