Un depurador de lenguaje de marcado de hipertexto (HTML) es un programa de edición que prueba el marcado HTML y localiza cualquier falla o error en el código. Las herramientas modernas de depuración de HTML funcionan como validadores de HTML y, en general, también son compatibles con los lenguajes web comunes, lo que permite la depuración de JavaScript®, hojas de estilo en cascada (CSS), preprocesador de hipertexto (PHP) y lenguaje de marcado extensible (XML). Los programas de depuración de HTML a menudo ofrecen herramientas avanzadas para administrar y corregir errores de diseño y estilo. Junto con la validación y la gestión del código, los programas de depuración HTML permiten a los desarrolladores controlar el rendimiento de su página y la actividad de la red.
Los desarrolladores a menudo recurren a un depurador de HTML por su facilidad de uso para corregir errores de diseño. La herramienta de depuración proporciona efectivamente una interfaz gráfica de usuario para editar el contenido de la página. Un depurador típico mostrará una vista previa de la página y el código subyacente. La inspección de elementos dentro de la vista previa de la página proporciona una vista clara de la etiqueta y los atributos de estilo que afectan al elemento seleccionado. Si el depurador admite ajustes en vivo, los cambios realizados se reflejan inmediatamente en la ventana de vista previa, lo que permite correcciones rápidas.
Otras herramientas que puede ofrecer un depurador HTML incluyen funciones de estilo de seguimiento e ilustración de borde. Las funciones de estilo de seguimiento permiten al desarrollador determinar qué hojas de estilo afectan a un elemento y observar la interacción entre las hojas de estilo. Las ilustraciones de borde proporcionan líneas gráficas que marcan los bordes de bordes normalmente invisibles, como los márgenes alrededor de un campo de texto.
La mayoría de las iteraciones modernas del depurador de HTML incluyen un depurador de JavaScript® para probar y validar cualquier JavaScript® incluido en el código. Algunos depuradores de JavaScript® solo proporcionarán funciones básicas, como encontrar errores en JavaScript® o proporcionar un registro de todo lo que ocurre a medida que se ejecuta el código, mientras que otros ofrecen funciones más avanzadas. Algunas características avanzadas incluyen la capacidad de medir el rendimiento del código y encontrar cuellos de botella, y la capacidad de recorrer el código, ejecución por ejecución.
Un depurador de HTML permite a un desarrollador probar el marcado y el código escrito en una variedad de plataformas de navegador. Cada navegador web sigue sus propias reglas internas al elegir cómo mostrar o procesar un elemento de un sitio web. Las diferencias de cálculo significan que los elementos no siempre aparecen iguales en diferentes navegadores. Cualquier discrepancia en la visualización o la ejecución del programa entre los navegadores se puede detectar y corregir para garantizar que todos los usuarios tengan la misma experiencia.
El seguimiento de la actividad de la red es otra función importante de un depurador de HTML. El depurador supervisa cuánto tardan en descargarse los archivos y cuánto tardan en completarse los comandos de JavaScript®. Si la administración de la velocidad y el ancho de banda es una preocupación, esta información puede brindarle al desarrollador una mejor idea de cómo se puede modificar una página para optimizar su velocidad y disminuir su tamaño general.