Analisador de URL
Divida qualquer URL em esquema, credenciais, host, porta, segmentos do caminho, parâmetros de consulta e fragmento, com valores decodificados e saída em JSON. Roda no navegador.
| Esquema (protocolo) | https: |
|---|---|
| Usuário | user |
| Senha | pass |
| Nome do host | shop.example.com |
| Porta | 8080 |
| Caminho | /products/shoes |
| Segmentos do caminho (decodificados) | 1. products 2. shoes |
| String de consulta | ?color=red&size=42 |
| Fragmento | #reviews |
| Origem | https://shop.example.com:8080 |
| URL normalizada | https://user:pass@shop.example.com:8080/products/shoes?color=red&size=42#reviews |
| Chave | Valor decodificado |
|---|---|
| color | red |
| size | 42 |
{
"protocol": "https:",
"username": "user",
"password": "pass",
"hostname": "shop.example.com",
"port": "8080",
"pathname": "/products/shoes",
"search": "?color=red&size=42",
"hash": "#reviews",
"origin": "https://shop.example.com:8080",
"params": {
"color": "red",
"size": "42"
}
}O que é Analisador de URL?
O analisador de URL divide uma URL nos seus componentes – esquema, usuário, senha, nome do host, porta, caminho, segmentos do caminho, string de consulta, cada parâmetro de consulta e fragmento – e mostra a origem e a URL normalizada. Valores com codificação percentual são decodificados, nomes de host internacionalizados aparecem em punycode e em Unicode, e parâmetros repetidos são mantidos.
Como usar Analisador de URL
- Cole uma URL absoluta, por exemplo
https://user:pw@example.com:8080/a/b%20c?x=1&y=two#h. - Leia a tabela de componentes; a linha da porta mostra a porta padrão quando nenhuma é informada.
- Confira a tabela de parâmetros de consulta com cada chave e valor decodificados.
- Copie o bloco JSON para usar o resultado em código ou testes.
Exemplo
https://user:pw@example.com:8080/a/b%20c?x=1&y=two#h
host example.com · port 8080 · path segments: 1. a, 2. b c · query ?x=1&y=two (x = 1, y = two) · fragment #h
Quando usar Analisador de URL
Use para depurar links de rastreamento, URLs de redirecionamento OAuth, URLs assinadas ou chamadas de API com muitos parâmetros. A ferramenta só analisa URLs absolutas; para caminhos relativos, acrescente antes uma base como https://example.com. Ela não visita a URL.
Como funciona Analisador de URL
A URL é analisada com a classe URL WHATWG integrada ao navegador – o mesmo parser que os navegadores usam na navegação –, então o resultado corresponde ao comportamento real dos navegadores (host em minúsculas, segmentos de ponto resolvidos, punycode para IDNs). Os parâmetros de consulta vêm do URLSearchParams, que decodifica + como espaço e os escapes percentuais como UTF-8. Os segmentos do caminho são decodificados com decodeURIComponent e ficam como estão se contiverem um escape inválido.
Casos de Uso Comuns
- Ler os parâmetros UTM e de click ID de um link de marketing.
- Inspecionar o redirect_uri e o state de uma URL de autorização OAuth.
- Decodificar um segmento de caminho com codificação percentual para ver o nome original do arquivo.
- Encontrar a forma punycode de um domínio internacionalizado.
Perguntas Frequentes
Por que a minha URL é considerada inválida?
O parser precisa de uma URL absoluta com esquema. example.com/page é uma referência relativa; escreva https://example.com/page.
Por que o + virou espaço?
Na string de consulta, o URLSearchParams segue a codificação de formulários HTML, em que + significa espaço. Use %2B para um sinal de mais literal.
A URL é enviada para algum lugar?
Não, a análise acontece inteiramente no seu navegador.