Dans le monde du développement Web, la plupart du design n’est plus dans la page HTML, il a été déplacé vers les fichiers CSS et Javascript inclus. Le problème est que lorsque vous voulez jeter un coup d’œil dans le code, il n’y a pas de moyen vraiment simple d’afficher ces fichiers CSS / JS.
Il existe une extension appelée JSView qui vous permettra de visualiser facilement la source des fichiers inclus de différentes manières.
Utilisation d’installation par défaut
Une fois que vous avez installé l’extension, vous verrez une nouvelle option appelée «Afficher la source de la page – JSView». Cela vous amènera au même écran que la boîte de dialogue standard Afficher la source de la page…
Désormais, lorsque vous êtes dans l’écran Afficher la source, le menu Affichage contient des éléments de menu supplémentaires qui vous permettent d’accéder rapidement aux fichiers inclus.
Menu contextuel d’accès rapide
Ouvrez l’écran Options JSView à partir du menu Outils et décochez la case «Désactiver les menus contextuels jsview» pour ajouter les menus supplémentaires au menu contextuel par défaut.
Vous voudrez également choisir «Désactiver la source de la page d’affichage – JSView» pour désactiver l’élément JSView redondant dans le menu. Désormais, lorsque vous cliquez avec le bouton droit sur n’importe quelle page, vous pouvez accéder rapidement à la source.
Notez que si vous voulez l’expérience la plus minimale, vous pouvez choisir de désactiver toutes les options et d’accéder simplement aux fonctions à partir de la fenêtre de vue source.
Autres options
Vous pouvez également choisir d’ouvrir dans une nouvelle fenêtre…
Ou s’il faut utiliser un éditeur externe…
C’est une extension vraiment utile qui fait maintenant partie de ma boîte à outils de développement Web.
Télécharger l’extension JSView à partir des modules complémentaires Mozilla
