Comment voir le code HTML d'un site web
Le code HTML sous-jacent utilisé pour construire un site web n'est pas caché mais facilement accessible à quiconque dispose des bons outils. Les navigateurs comme Firefox, Chrome, Safari, Opera et Internet Explorer offrent plusieurs façons de voir directement le HTML, CSS ou JavaScript d'un site. De plus, certains outils dédiés aux développeurs web peuvent charger et ouvrir une page web depuis Internet comme un fichier local.
Voir la source dans le navigateur
Les étapes pour voir le code HTML sont essentiellement les mêmes pour Firefox, Chrome, Safari, Opera et Internet Explorer. Faites un clic droit sur une section de page web contenant seulement du texte, puis sélectionnez « Voir la source » ou « Voir le code source de la page ». Selon votre configuration, le code HTML s'ouvre dans un nouvel onglet ou une fenêtre d'application séparée.
Enregistrer le code source sur le disque
Si vous devez examiner ou modifier le code d'un site plus tard, vous pouvez enregistrer la page sur votre disque dur. Quand vous faites un clic droit sur une page web dans Firefox ou Safari, l'option « Enregistrer la page sous » est proposée. Chrome et Opera ont « Enregistrer sous ». Pour Internet Explorer, cliquez « Outils », « Fichier », puis « Enregistrer sous ». En plus de la page, le navigateur enregistre toutes les images, fichiers CSS et JavaScript utilisés par la page et stockés localement sur son serveur.
Outils de développement intégrés au navigateur
Firefox, Chrome, Opera et Internet Explorer fournissent chacun un mode développeur permettant de voir simultanément une page web rendue et son code HTML, CSS, JavaScript. Si vous cliquez un élément sur le web, son code apparaît dans le panneau développeur. Le panneau est accessible via les options ou outils de configuration. Safari n'a pas d'outil natif, mais vous pouvez en installer un comme extension.
Applications pour développeurs web
Les outils de conception web comme Dreamweaver, Kompozer et Microsoft Expression Web permettent d'ouvrir une page web en ligne via son URL. Vous voyez le code HTML en vue source seule ou en vue partagée (aperçu + source). Vous pouvez aussi éditer le code et voir les changements en temps réel. Le code réel stocké sur le serveur du site n'est jamais modifié.
Problèmes que vous pourriez rencontrer
Intentionnellement ou non, certains sites ne livrent pas facilement leur code HTML. Certains utilisent du JavaScript bloquant le clic droit. Vous pouvez quand même voir la source en téléchargeant la page sur votre disque ou en désactivant JavaScript. D'autres utilisent des frames ou iframes HTML empêchant l'accès direct à la source. Firefox, Chrome, Safari et Opera détectent les sites à frames et proposent automatiquement une option pour voir la source d'une frame. Si une page utilise un fichier JavaScript ou CSS sur un autre domaine, vous pouvez voir son code en copiant son URL depuis le HTML accessible et la collant dans la barre d'adresse d'un nouvel onglet.