🧩Dev

Visualizador de Regex (Quebrar)

Cole uma regex e veja a árvore de tokens (literais, classes, grupos, quantificadores) em ASCII — ajuda a entender expressões complexas. Tudo no navegador.

Visualize a estrutura de uma regex

Uma expressão regular complexa, cheia de grupos e quantificadores aninhados, é difícil de ler até para quem a escreveu. Esta ferramenta abre a regex numa árvore de tokens em ASCII e revela a estrutura escondida por trás daquela linha densa de símbolos.

Os elementos vão sendo separados (literais, classes de caracteres, grupos, quantificadores) e organizados em hierarquia, deixando claro o que está dentro de quê e como as peças se encaixam. Ajuda bastante quando você herda uma regex de outra pessoa, precisa depurar um padrão que não casa, ou só quer aprender como expressões mais elaboradas funcionam.

A análise acontece no seu navegador e nada é enviado para fora. Cole a expressão, veja a árvore na hora e transforme uma linha críptica em algo legível.

Perguntas frequentes

A saída sai mesmo em árvore, com indentação?

Não. O que aparece é uma lista reta, um token por linha, na mesma ordem em que os símbolos foram escritos. Um grupo vira duas linhas separadas, uma dizendo que abre e outra que fecha, e o aninhamento fica por conta de quem lê. Para uma regex curta isso resolve; num padrão com três níveis de parênteses a lista continua reta, e o desenho da hierarquia não vem pronto.

Preciso colar a regex com as barras delimitadoras?

Melhor deixar de fora. O campo espera só o padrão, sem delimitadores e sem flags: colar /^\d+$/g faz a barra inicial, a barra final e o g virarem caracteres literais, e a lista ganha três linhas que não pertencem ao padrão. Escreva ^\d+$ direto. A página nunca testa a regex contra um texto de exemplo e nunca verifica se o padrão compila, então parêntese sem fechar continua produzindo uma lista de aparência normal.

Por que meu parêntese escapado virou grupo de captura?

Porque a tabela de tokens conhece apenas oito escapes: \d, \D, \w, \W, \s, \S, \b e o ponto escapado. Qualquer outro escape é quebrado em dois: a barra invertida sai sozinha como literal e o caractere seguinte é lido como se estivesse solto, por isso o parêntese escapado aparece como abertura de grupo e o mais escapado aparece como quantificador. Lookbehind e grupo nomeado caem no mesmo ramo genérico do parêntese.

Ferramentas Relacionadas

📑

Regex Cheatsheet

Referência rápida das principais expressões regulares — quantificadores, classes, âncoras, grupos, lookarounds, flags. Com exemplos clicáveis e explicação. Tudo no navegador.

📡

Visualizador de HAR

Lê arquivos HTTP Archive (HAR) colados e lista as requisições com método, status, URL e tempo. Útil para auditar performance.

Testador de Regex

Teste expressões regulares em tempo real. Veja os matches destacados e os grupos capturados.

📊

Validador e Visualizador de CSV

Valide, analise e visualize dados CSV em formato de tabela. Detecta delimitador automaticamente (vírgula, ponto-e-vírgula ou tab) e destaca erros de formatação.

🔄

Encurtador / Expansor IPv6

Expande um IPv6 para a forma completa (8 grupos de 4 dígitos hex) ou contrai usando ::, removendo zeros à esquerda.

📧

Gerador de .mailmap (Git)

Mapeia nomes e e-mails inconsistentes em um único autor no Git, melhorando estatísticas e shortlog. Formato oficial.