web-dev-qa-db-fra.com

Comment afficher le "code HTML généré" dans Firefox?

Si vous utilisez Firebug, vous pouvez cliquer sur l'onglet HTML, puis sur pour développer chaque élément afin d'afficher le code HTML généré. Existe-t-il un moyen de tout développer ou d’obtenir un fichier texte brut?

J'ai simplement découvert par hasard qu'il n'était même pas nécessaire d'être Firebug. Nous pouvons simplement appuyer sur CTRL-A (pour tout sélectionner) sur la page Web, cliquer ensuite avec le bouton droit de la souris et choisir "Voir la source de sélection". Nous obtiendrons alors un fichier texte du "code HTML actuel", et verrons même un <div> qui est le panneau Firebug qui précède la balise <body> si Firebug est ouvert. Mais cela semble être une façon étrange d’invoquer cela. Y-a t'il une autre possibilité?

( Update : le code HTML généré fait généralement référence au code HTML après que JavaScript ait été modifié dans le DOM. Il s'agit de l'arborescence DOM actuelle au lieu du code source d'origine)

firefoxcode-generationfirebugfirefox-addonweb-developer-toolbar
31
太極者無極而生

Dans l'onglet HTML de Firebug, cliquez avec le bouton droit sur le nœud racine et sélectionnez "Copier HTML". Puis collez dans un éditeur de texte.

Sans Firefox Add-Ons, vous pourriez utiliser un bookmarklet comme ceci:

javascript: var win = window.open(); win.document.write('<html><head><title>Generated HTML of  ' + location.href + '</title></head><pre>' + document.documentElement.innerHTML.replace(/&/g, '&amp;').replace(/</g, '&lt;') + '</pre></html>'); win.document.close(); void 0;
27
user123444555621

Connectez-vous avec un contenu développeur web , selezionare Visualisez le contenu - Visualisez origine generata . Vous voyez la police originale, seleziona Visualizza sorgente - Visualizza sorgente (semplicemente premereCTRL-SHIFT-U)

18
Gert Grenander

En utilisant Firefox DevTools (intégré à FF depuis la version 35), vous pouvez visualiser le code HTML généré ouvrant l’inspecteur Web (CTRL-shift-C) et en sélectionnant l'onglet HTML.

Vous pouvez copier le code HTML généré en cliquant avec le bouton droit sur <html> et en sélectionnant Copier le HTML interne.

3
gioele

Si vous recherchez une solution programmatique, vous pouvez simplement alimenter le document dans un XMLSerializer.

0
MatrixFrog