Categoría: Desarrollo

Extractor de atributos HTML

Idea propia¿Falta una herramienta?

Lista cada etiqueta y sus atributos a partir de HTML pegado

Pega HTML para listar cada etiqueta junto con los nombres y valores de sus atributos en una tabla legible. El análisis ocurre completamente en tu navegador y nada se ejecuta jamás.

Etiquetas encontradas3Atributos encontrados11
EtiquetaAtributos
ahref="/pricing" class="nav-link" data-track="pricing"
imgsrc="/logo.svg" alt="LocalTools" width="120" height="32"
inputtype="email" name="email" required placeholder="you@example.com"

Todo lo de esta página se procesa en tu navegador. No se sube nada.

Para qué sirve

Auditar el marcado en busca de atributos de seguimiento, ids faltantes, atributos data- sueltos o clases inconsistentes suele significar recorrer HTML en bruto a simple vista. Esta herramienta tokeniza el HTML pegado como texto y lista cada etiqueta que encuentra junto con sus atributos, para que puedas revisar el marcado de todo un documento de un vistazo sin renderizarlo nunca.

Cómo se usa

  1. Pega HTML en el cuadro de entrada, o carga el ejemplo para ver el formato.
  2. Revisa la lista de etiquetas y sus atributos.
  3. Busca atributos faltantes, duplicados o inesperados en el marcado.

Privacidad

Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.

Preguntas frecuentes

¿Esto ejecuta algún script del HTML pegado?
No. El HTML solo se lee como texto mediante un tokenizador; nada se renderiza, ejecuta ni solicita, y ningún recurso externo se carga jamás.
¿Se sube mi marcado a algún sitio?
No. Todo ocurre en JavaScript en la pestaña de tu navegador.
¿Maneja HTML mal formado?
Es un tokenizador ligero, no un analizador HTML completo, así que funciona bien con marcado escrito o generado de forma típica, pero puede pasar por alto entradas inusuales o muy mal formadas.