Visualiser facilement la source des fichiers inclus dans Firefox

Dans le monde du développement Web, la plupart des éléments de conception ne figurent plus dans la page HTML, mais dans les fichiers CSS et Javascript inclus. Le problème est que lorsque vous voulez jeter un coup d'oeil dans le code, il n'y a pas de moyen très 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 de l'installation par défaut

Une fois que vous avez installé l'extension, vous verrez une nouvelle option appelée «Voir la source de la page - JSView». Cela vous mènera au même écran que la boîte de dialogue normale View Source Source…

Maintenant, lorsque vous êtes dans l'écran View Source, le menu View 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 l'option “Désactiver les menus contextuels jsview” pour ajouter les menus supplémentaires au menu contextuel par défaut..

Vous voudrez également choisir «Désactiver Afficher la source de la page - JSView» pour désactiver l'élément JSView redondant dans le menu. Maintenant, lorsque vous cliquez avec le bouton droit de la souris sur n’importe quelle page, vous pouvez accéder rapidement à la source..

Notez que si vous souhaitez profiter d’une expérience minimale, vous pouvez choisir de désactiver toutes les options et d’accéder simplement aux fonctions à partir de la fenêtre Afficher la 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 très 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 de Mozilla