"Code source de la page" permet de visualiser le code HTML ou XML de la page. Pour activer cet outil, il faut :
- Faire un clic droit puis sélectionner "Code source de la page".
- Utiliser le raccourci clavier Ctrl+U, ou Cmd+U sur OS X
Une nouvelle fenêtre s'ouvre alors pour afficher le code source de la page. Depuis Firefox 42, cet outil ouvrira par défaut un nouvel onglet (à la place d'une fenêtre). Pour changer cette préférence, il faut passer la variable view_source.tab à false dans about:config.
Fonctionalitées
Cet outil possède trois fonctionnalités supplémentaires. Celles-ci depuis Firefox 40 peuvent être utilisées via le menu contextuel dans l'onglet du code source :
- Aller à la ligne
- Retour à la ligne automatique (activer/désactiver)
- Coloration syntaxique (activer/désactiver)
Lorsque la coloration syntaxique est activée, l'outil met également les erreurs de parsage en surbrillance rouge. Survoler les messages d'erreurs affiche une infobulle expliquant l'erreur.
Pour utiliser la fonctionnalité aller à la ligne avec le clavier, il suffit d'utiliser le raccourci clavier Alt+Shift+L sur Windows et Linux ou Control+Option+L sur Mac.
Code source de la sélection
Si une partie de la page est sélectionnée, alors l'option "Code source de la sélection" est disponible dans le menu contextuel de la page. Le comportement est le même que pour "Code source de la page" sauf que la partie du code source affiché ne sera que celle correspondant à la sélection.
Code MathML de la sélection
Si la souris survole du code MathML lors d'un clic droit, alors l'option "Code MathML de la sélection" est disponible, il sert à visualiser le code MathML.
Limitations
Il existe des limitations à l'outil qu'il faut connaitre :
Le reporteur d'erreurs n'est PAS un validateur
L'outil ne reporte que les erreurs de parsing, PAS les erreurs de validité HTML. Par exemple mettre un élément <div> en enfant d'un élément <ul> n'est pas une erreur de parsing, mais ce n'est pas de l'HTML valide ! Cette erreur n'apparaitra donc pas dans l'outil. Pour valider un code HTML, il est nécessaire d'utiliser un validateur HTML tel que celui proposé par le W3C.
Toutes les erreurs de parsing ne sont pas supportées
Même si toutes les erreurs affichées sont des erreurs de parsing, toutes les erreurs de parsing ne sont pas affichées. Parmi celles qui ne sont pas supportées, on retrouve :
- Les octets qui sont illégaux selon l'encodage du document ne sont pas considérés comme des erreurs.
- Les caractères interdits ne sont pas considérés en tant qu'erreur.
- Les erreurs de fin de fichier.
- Les erreurs de Tree builder de texte (au contraire des tags, commentaires, ou doctypes) ne sont pas rapportés.
- Les erreurs de parsing liées aux attributs
xmlnsne sont pas rapportées.
Coloration syntaxique XML
L'outil utilise le HTML tokenizer lorsqu'il met en surbrillance le code XML. Bien que le tokenizer supporte les processing instructions lors de la coloration de code XML, il s'agit de la seule fonctionnalité orientée XML fournie. À cause de cela, les doctypes qui ont un sous-ensemble interne ne sont pas colorés correctement, et les références d'entités des entités personnalisées ne sont pas non plus colorées correctement.
Cette mauvaise coloration peut être observée en regardant le code source des fichiers chrome de Firefox (tel que les documents XUL). Cependant, cela ne devrait pas être un problème pour analyser des fichiers XML ordinaires.
A voir également
- HTML5 Parser-Based View Source Syntax Highlighting (post de blog)