2011-10-15 14 views
5

Cuando veo 'fuente' usando diferentes navegadores, parece que mis páginas web siempre tienen mucho espacio en blanco y están mal formateadas. Estoy desarrollando una aplicación web Java usando JSPs.¿Cómo me aseguro de que el HTML esté bien formateado cuando visualizo el código fuente en el navegador?

¿Cómo puedo asegurarme de que cuando veo el código fuente veo un buen formato de HTML?

Editar:

Cuando digo formateado quiero decir típicamente:

puedo obtener este tipo de cosas:

<div> 




        <p>some text</p> 
    </div> 

cuando quiero:

<div> 
     <p>some text</p> 
</div> 

En mis JSP (cuyo uso incluye) todo está formateado muy bien.

+0

su aplicación web debe generar HTML con un formato agradable. – Dev

+3

Las personas están haciendo todo lo posible para minimizar y eliminar los espacios en blanco de su HTML con el fin de aumentar el rendimiento de su sitio y usted está tratando de hacer exactamente lo contrario. ¿Puedo preguntar por qué? –

+0

Esto es solo durante el desarrollo. Cuando veo la fuente, deseo ver el formato "amigable para los humanos", para poder leerlo y detectar cualquier posible problema más rápido. –

Respuesta

3

Ver fuente solo mostrará lo que la página le proporcione en los navegadores que conozco, de modo que si el HTML no está formateado muy bien, no lo verá formateado muy bien.

Lo mejor que puede hacer es usar las herramientas de desarrollador en el navegador en el que se encuentre. Normalmente, el código HTML está bien estructurado cuando se visualiza el código HTML. En Chrome o Internet Explorer, F12 debería abrir las herramientas de desarrollador y creo que F12 abre Firebug en Firefox si lo tienes instalado.

Nota: Los elementos de código fuente/HTML normalmente vistos por las herramientas de desarrollador no son exactamente lo que la página escupe. A menudo muestran elementos dinámicos que se agregaron a través de secuencias de comandos y/o complementos.

1

La alteración del html generado en una aplicación web Java se realiza mejor con un Servlet Filter. Puede enrollar el suyo utilizando el software de embellecimiento que tenga a mano o instalar uno creado por otra persona, como el JTidyFilter.

Una ventaja de este enfoque es que puede utilizar el filtro durante el desarrollo y eliminarlo para la producción.

0

Sé que la herramienta de desarrollo de Chrome tiene una función de "impresión bonita" para formatear javascript. No sé sobre HTML, pero podrías mirar. Estoy en un dispositivo móvil, entonces no puedo.

Cuestiones relacionadas