Analisador de URL, leitor de user agent e consulta de tipos MIME
Analisador de URL: divida uma URL, edite parâmetros, adicione UTMs | We.Inc
Divida qualquer URL em protocolo, host, caminho, query e hash, edite os parâmetros da query em uma tabela, adicione tags UTM, leia uma string de user agent e consulte tipos MIME. Roda no seu navegador.
Uma URL se divide em protocolo (https:), usuário e senha opcionais, nome do host, porta opcional, caminho, query string depois do ? e fragmento depois do #. Cole qualquer link abaixo para ver cada parte, decodificar os parâmetros da query em uma tabela editável e remontar o link com as suas mudanças.
Partes de https://shop.example.com:8080/shoes/run?size=9&color=red#reviews
Parte
Valor
?size=9&color=red
Três pequenas ferramentas em um só lugar: um analisador de URL com editor de parâmetros de query e campos de UTM, um leitor de user agent e uma lista pesquisável dos tipos MIME que os servidores web enviam com mais frequência.
Cole uma URL. Se você omitir o https://, o analisador o adiciona para que um domínio sozinho também funcione.
Leia cada parte na tabela, com a query string decodificada em linhas de nome e valor.
Edite, adicione ou remova parâmetros, ou preencha os campos de UTM, e copie a URL remontada.
Mude para a aba User agent para ler a string de um navegador, ou para a aba Tipos MIME para consultar uma extensão de arquivo.
O analisador é o mesmo que o navegador usa, então o que você vê aqui é exatamente como um link será lido por fetch, por um roteador ou por um script de analytics.
Chaves repetidas são permitidas: ?tag=a&tag=b mantém os dois valores. Muitos frameworks só leem o primeiro, então confira antes de depender disso.
Um + em uma query string significa espaço quando valem as regras de codificação de formulários. Codifique um sinal de mais de verdade como %2B.
Fragmentos depois do # nunca são enviados ao servidor. Tudo o que o servidor precisa ver deve ficar no caminho ou na query.
Perguntas frequentes
Qual é a diferença entre host e hostname?
hostname é só o domínio ou o endereço IP, como shop.example.com. host adiciona a porta quando ela é informada, como shop.example.com:8080. Quando a porta é a padrão do protocolo (443 para https), o analisador a omite dos dois.
Como obter os parâmetros da query em JavaScript?
Use new URL(link).searchParams e chame get("name") para um valor ou getAll("name") para chaves repetidas. Para a página atual, new URLSearchParams(location.search) faz o mesmo trabalho. Os dois decodificam a codificação percentual para você.
Quão confiável é a leitura do user agent?
Trate como uma pista. Navegadores baseados em Chromium hoje informam uma string reduzida, em que a versão do sistema operacional e o modelo do dispositivo ficam congelados em valores fixos, e qualquer navegador pode enviar a string que quiser. Para decisões sobre recursos, teste o próprio recurso.
Que tipo MIME os arquivos JavaScript devem usar?
text/javascript. A especificação atual (RFC 9239) o torna o único tipo padrão e marca application/javascript e os demais como obsoletos, embora os navegadores ainda os aceitem.
A ferramenta envia as minhas URLs para algum lugar?
Não. A análise acontece no seu navegador, com o analisador de URL embutido dele, e nada é enviado nem registrado.
Por que analisar URLs com o analisador da plataforma
Dividir uma URL com uma expressão regular ou métodos de string quebra nos casos extremos: dados de usuário antes do host, endereços IPv6 entre colchetes, portas, caracteres codificados e caminhos relativos. A classe URL embutida nos navegadores e no Node segue o WHATWG URL Standard, então trata todos esses casos do mesmo jeito que o navegador quando alguém clica no link.
Ela também normaliza no caminho. O host fica em minúsculas, as portas padrão são removidas e os segmentos de ponto no caminho são resolvidos, o que é útil para comparar dois links que parecem diferentes, mas apontam para o mesmo lugar.
Mantendo as tags UTM organizadas
Os parâmetros UTM dizem ao analytics qual campanha trouxe um visitante. Escolha uma grafia por source e medium e mantenha-a, porque email, Email e e-mail aparecem como três linhas separadas nos relatórios.
Nunca adicione tags UTM a links internos do seu próprio site. Elas iniciam uma nova sessão na maioria das ferramentas de analytics e sobrescrevem a origem real da visita.
URL
(padrão)
Partes da URL
Parte
Valor
Parâmetros da query
Nenhum parâmetro além das tags UTM.
Nome do parâmetro {n}
Valor do parâmetro {n}
Remover {name}
Remover
Adicionar parâmetro
Tags UTM
URL remontada
Copiar URL
Copiar decodificada
String de user agent (a sua já vem preenchida)
Melhor palpite a partir da string
Campo
Navegador
Motor
Sistema operacional
Dispositivo
Parece um bot
Sim
Não
Navegadores Chromium congelam partes desta string, então versões e modelos de dispositivo podem ser valores genéricos.