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.
firefox
browser-addons
formatting
html
Willbill
fuente
fuente
View
menú de la ventana de origen. Simplemente haga clic derecho =>View Page Source
para abrir esta ventana.Respuestas:
Ver gráfico de origen 2.7
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:
fuente
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.
fuente
Normalmente uso Firebug para depurar la salida html.
Esto me permite ver el html tal como lo representa el navegador, junto con la fuente bien formateada en Firebug. También puedo inspeccionar elementos en el html que se muestra y ver de dónde vienen en la fuente html de origen.
fuente
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/
fuente
Complemento de desarrollador web:
fuente