Aller au contenu principal


Dev Web avec Firefox

Les navigateurs "Internet" sont le plus souvent utilisés par naviguer sur le web. Cependant ils offrent des outils "supplémentaires" très utiles aux développeurs.

L'image ci-jointe montre une manière d'y accéder.

Cliquez pour agrandir l'image

Billet créé le :
18 nov 2020

1 . Les 'urls' about :

Avec l'URL 'about : config' tapée dans la barre d'adresse, le navigateur Firefox me permet de modifier sa configuration. Par exemple, en plaçant la valeur 3 pour le paramètre "layout.scrollbar.side", la barre de défilement sera placée à gauche après le prochain redémarrage de Firefox.

Cliquez pour agrandir l'image

Les données "clé - valeur" trouvées dans cette page, associée au script téléchargeable ici permettent de configurer finement et rapidement le navigateur des utilisateurs.

2. Informations sur la page

Pour accéder autrement aux multitudes d'informations non visibles directement :

Effectuer "CTRL + I" ou Cliquez sur l'item "Outils" puis sur "Informations sur la page"  (cf. image en tête de la page) et vous obtiendrez l'image ci-dessous :

 

3. Les outils de développement

L' inspecteur :

L'inspecteur est particulièrement utile pour affiner les propriétés CSS des feuilles de style car il permet de tester en direct l'effet d'une modification de la valeur d'une propriété CSS.

En savoir plus en consultant la documentation officielle.

La console du navigateur :

Cette console permet par exemple la recherche des bug du développement Javscript et la lecture des informations produites par l'instruction "console.log".

En savoir plus avec la documentation officielle.

Cliquez pour agrandir l'image