Estoy escribiendo un sitio web en PHP, y el HTML que representa no está bien formateado y es difícil de leer en Firefox (la mayor parte está en una sola línea).
No quiero estropear mi código PHP agregando un montón de cosas de formato de espacios en blanco, así que me preguntaba si hay una opción o tal vez un complemento para Firefox que me permita ver la fuente sangrada de acuerdo con La estructura del HTML.
Respuestas:
Funciona bien, instale la extensión desde aquí: https://addons.mozilla.org/en-US/firefox/addon/655/
Haga clic derecho -> Ver gráfico de origen
Esto es lo que obtengo para la fuente HTML de la página de inicio de Google:
Antes de:
Después:
Desde aqui
Ver gráfico de origen Muestra gráficamente la estructura de origen.
JSView 2.0.5 Muestra información sobre los archivos externos de la página.
HighlightAll Destaca elementos idénticos en el código.
Validador HTML Valida el HTML de la página actual.
Ver fuente con formato Muestra la estructura de la fuente.
SourceEditor Permite editar código y ver los resultados.
Si alguien está buscando la misma funcionalidad en 2019, existe Fire Source Viewer [1] para Firefox Quantum que muestra el HTML DOM embellecido después de que javascripts lo manipula, lo que es incluso mejor que tener solo la fuente html entregada por el servidor web.
[1] https://addons.mozilla.org/en-US/firefox/addon/fire-source-viewer/
Complemento de desarrollador web:
La extensión Web Developer agrega varias herramientas de desarrollador web a un navegador. La extensión está disponible para Chrome y Firefox, y se ejecutará en cualquier plataforma que admita estos navegadores, incluidos Windows, OS X y Linux
Viewmenú de la ventana de origen. Simplemente haga clic derecho =>View Page Sourcepara abrir esta ventana.