Analizador de URL y editor de query string

Analizador de URL, de user agent y buscador de tipos MIME

Analizador de URL: divide una URL, edita parámetros y añade UTM | We.Inc

Divide cualquier URL en protocolo, host, ruta, query y hash, edita los parámetros de consulta en una tabla, añade etiquetas UTM, lee una cadena de user agent y busca tipos MIME. Funciona en tu navegador.

Una URL se divide en un protocolo (https:), un usuario y contraseña opcionales, un nombre de host, un puerto opcional, una ruta, una query string después de ? y un fragmento después de #. Pega cualquier enlace abajo para ver cada parte, decodificar los parámetros de consulta en una tabla editable y reconstruir el enlace con tus cambios.

Partes de https://shop.example.com:8080/shoes/run?size=9&color=red#reviews

Parte
Valor

?size=9&color=red

Tres pequeñas herramientas en un solo lugar: un analizador de URL con editor de parámetros de consulta y campos UTM, un lector de user agent y una lista con búsqueda de los tipos MIME que los servidores web envían con más frecuencia.

Pega una URL. Si omites https://, el analizador lo añade para que un dominio solo también funcione.
Lee cada parte en la tabla, con la query string decodificada en filas de nombre y valor.
Edita, añade o quita parámetros, o rellena los campos UTM, y copia la URL reconstruida.
Cambia a la pestaña User agent para leer la cadena de un navegador, o a la pestaña Tipos MIME para buscar una extensión de archivo.

El analizador es el mismo que usa el navegador, así que lo que ves aquí es exactamente cómo leerán un enlace fetch, un router o un script de analítica.
Se permiten claves repetidas: ?tag=a&tag=b conserva ambos valores. Muchos frameworks solo leen el primero, así que compruébalo antes de depender de ello.
Un + en una query string significa un espacio cuando se aplican las reglas de codificación de formularios. Codifica un signo más real como %2B.
Los fragmentos después de # nunca se envían al servidor. Todo lo que el servidor deba ver va en la ruta o en la query.

Preguntas frecuentes

¿Qué diferencia hay entre host y hostname?

hostname es solo el dominio o la dirección IP, por ejemplo shop.example.com. host añade el puerto cuando se indica, por ejemplo shop.example.com:8080. Cuando el puerto es el predeterminado del protocolo (443 para https), el analizador lo omite en ambos.

¿Cómo obtengo los parámetros de consulta en JavaScript?

Usa new URL(link).searchParams y luego invoca get("name") para un valor o a getAll("name") para claves repetidas. Para la página actual, new URLSearchParams(location.search) hace lo mismo. Ambos decodifican la codificación por porcentaje por ti.

¿Qué fiabilidad tiene el análisis del user agent?

Tómalo como una pista. Los navegadores basados en Chromium ahora envían una cadena reducida en la que la versión del sistema operativo y el modelo del dispositivo están congelados en valores fijos, y cualquier navegador puede enviar la cadena que quiera. Para decidir según funciones, comprueba directamente la función.

¿Qué tipo MIME deben usar los archivos JavaScript?

text/javascript. La especificación actual (RFC 9239) lo establece como el único tipo estándar y marca application/javascript y los demás como obsoletos, aunque los navegadores todavía los aceptan.

¿La herramienta envía mis URL a algún sitio?

No. El análisis se hace en tu navegador con su analizador de URL integrado y no se sube ni se registra nada.

Por qué analizar URL con el analizador de la plataforma

Dividir una URL con una expresión regular o con métodos de cadena falla en los casos límite: datos de usuario antes del host, direcciones IPv6 entre corchetes, puertos, caracteres codificados y rutas relativas. La clase URL integrada en los navegadores y en Node sigue el WHATWG URL Standard, así que trata todos esos casos igual que el navegador cuando alguien hace clic en el enlace.
Además normaliza sobre la marcha. El host se pasa a minúsculas, los puertos predeterminados se eliminan y los segmentos de punto de la ruta se resuelven, lo que viene bien al comparar dos enlaces que parecen distintos pero apuntan al mismo sitio.

Mantener ordenadas las etiquetas UTM

Los parámetros UTM le dicen a la analítica qué campaña envió a un visitante. Elige una sola forma de escribir cada fuente y medio y no la cambies, porque email, Email y e-mail aparecen como tres filas distintas en los informes.
Nunca añadas etiquetas UTM a los enlaces internos de tu propio sitio. En la mayoría de las herramientas de analítica inician una nueva sesión y sobrescriben la fuente real de la visita.

URL

(predeterminado)

Partes de la URL

Parte

Valor

Parámetros de consulta

No hay parámetros aparte de las etiquetas UTM.

Nombre del parámetro {n}

Valor del parámetro {n}

Quitar {name}

Quitar

Añadir parámetro

Etiquetas UTM

URL reconstruida

Copiar URL

Copiar decodificada

Cadena de user agent (la tuya ya está puesta)

Mejor estimación a partir de la cadena

Campo

Navegador

Motor

Sistema operativo

Dispositivo

Parece un bot

Sí

Los navegadores Chromium congelan partes de esta cadena, así que las versiones y los modelos de dispositivo pueden ser valores de relleno.

Busca por extensión, tipo o uso

{n} tipos MIME

Extensión

Tipo MIME

Se usa para

Analizar

Herramienta

URL

User agent

Tipos MIME

Empieza gratis · Sin tarjeta de crédito

Analizador de URL y editor de query string

Analizador de URL, de user agent y buscador de tipos MIME

Analizador de URL: divide una URL, edita parámetros y añade UTM | We.Inc

Preguntas frecuentes

¿Qué diferencia hay entre host y hostname?

¿Cómo obtengo los parámetros de consulta en JavaScript?

¿Qué fiabilidad tiene el análisis del user agent?

¿Qué tipo MIME deben usar los archivos JavaScript?

¿La herramienta envía mis URL a algún sitio?

Por qué analizar URL con el analizador de la plataforma

Mantener ordenadas las etiquetas UTM

Relacionado: Herramientas Gratuitas

Producto

Para quién es

Funciones

Recursos

Empresa