Categoria: Desenvolvimento

Extrator de Atributos HTML

Ideia nossaFalta uma ferramenta?

Liste cada tag e seus atributos a partir de HTML colado

Cole HTML para listar cada tag junto com os nomes e valores de seus atributos em uma tabela de fácil leitura. A análise acontece totalmente no seu navegador e nada é executado.

Tags encontradas3Atributos encontrados11
TagAtributos
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"

Tudo nesta página é processado no seu navegador. Nada é enviado.

Para que serve

Auditar marcação em busca de atributos de rastreamento, ids ausentes, atributos data- perdidos ou classes inconsistentes geralmente significa rolar por HTML bruto a olho nu. Esta ferramenta tokeniza o texto HTML colado e lista cada tag encontrada junto com seus atributos, permitindo examinar a marcação de um documento inteiro rapidamente, sem nunca renderizá-la.

Como usar

  1. Cole HTML na caixa de entrada, ou carregue o exemplo para ver o formato.
  2. Revise a lista de tags e seus atributos.
  3. Procure atributos ausentes, duplicados ou inesperados em toda a marcação.

Privacidade

Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.

Perguntas frequentes

Isso executa algum script do HTML colado?
Não. O HTML é apenas lido como texto por um tokenizador; nada é renderizado, executado ou requisitado, e nenhum recurso externo é carregado.
Minha marcação é enviada para algum lugar?
Não. Tudo acontece em JavaScript na aba do seu navegador.
A ferramenta lida com HTML malformado?
É um tokenizador leve, não um parser HTML completo, então funciona bem em marcação típica escrita ou gerada normalmente, mas pode não capturar entradas incomuns ou profundamente malformadas.