Ferramentas para desenvolvedores

Visualizador de HTML

Inspecione código HTML em modo de código-fonte escapado ou obtenha a estrutura textual com contagem de carateres e linhas.

Executar ferramenta

Este visualizador de HTML online permite analisar e inspecionar fragmentos de código de forma direta e estruturada. Ao inserir texto em formato HTML, o utilizador pode selecionar a apresentação como código-fonte ou escolher o formato de pré-visualização textual. Na opção de código-fonte, a ferramenta gera uma versão escapada do conteúdo introduzido, ideal para verificar entidades e etiquetas sem interferências. Ao optar pelo formato de pré-visualização, a resposta apresenta o HTML fornecido em conjunto com a respetiva representação escapada. Em ambos os modos com texto presente, a ferramenta calcula e apresenta a contagem de carateres e o número de linhas separadas por quebras de linha. Se o campo de texto for deixado em branco, a resposta é apresentada com conteúdo vazio. É uma solução prática para programadores, criadores de conteúdos e técnicos que pretendam validar a estrutura textual de etiquetas web.

Instruções

  1. Insira ou cole o fragmento de código HTML no campo de texto.
  2. Indique o modo pretendido: utilize a opção de código-fonte para obter apenas o texto escapado ou a opção de pré-visualização para aceder também ao HTML original.
  3. Submeta os dados para consultar o texto processado, a contagem de carateres e o número de linhas.

Exemplos

  • Inserir <h1>Olá Mundo</h1> no modo de código-fonte para obter o texto com entidades escapadas e a respetiva contagem métrica.
  • Inserir <p>Primeira linha</p> <p>Segunda linha</p> no modo de pré-visualização para consultar o HTML fornecido, a versão escapada e a contagem de duas linhas.

Perguntas frequentes

O que acontece se nenhum código for inserido?

O campo de entrada é opcional. Se for submetido em branco, o sistema devolve uma resposta com conteúdo vazio sem calcular contagens de linhas.

Qual é a diferença entre os modos disponíveis?

A opção de código-fonte devolve apenas a versão com carateres HTML escapados. A opção de pré-visualização devolve o HTML original em conjunto com a versão escapada.

Como são calculadas as linhas do documento?

A contagem baseia-se nos segmentos de texto separados por quebras de linha presentes no conteúdo introduzido.

Incorporar esta ferramenta

Adicione esta ferramenta funcional da SmartPlusLab ao seu site com o código abaixo.