Analiza cualquier URL en protocolo, host, puerto, ruta, consulta y fragmento con el estándar WHATWG URL. Los parámetros se decodifican en una tabla legible.
Divide una URL en todos los componentes que ve el navegador. Pega una URL y cada parte se extrae con el mismo analizador WHATWG que usa tu navegador, así que el resultado coincide exactamente con cómo se interpretará. Los parámetros de consulta se decodifican en una tabla.
Toda URL absoluta sigue el mismo esqueleto:
esquema://usuario:contraseña@host:puerto/ruta?consulta#fragmentoLa mayoría de las URLs usan solo unos pocos de esos huecos, pero la gramática siempre los permite todos. Leer una URL consiste sobre todo en saber dónde termina un componente y empieza el siguiente, algo que deciden los delimitadores ://, @, :, /, ? y #.
Protocolo (esquema) indica cómo obtener el recurso: https:, mailto:, ftp:. Ojo: el analizador WHATWG incluye los dos puntos finales en este valor, lo que sorprende a quien lo compara con la cadena "https".
Usuario y contraseña son la sección userinfo, ya obsoleta. Los navegadores todavía la analizan, pero la eliminan de las peticiones y suelen avisar, porque incrustar credenciales en una URL las filtra al historial, los registros y las cabeceras referrer. Si aparecen en una URL que no escribiste tú, trátalo como señal de phishing.
Nombre de host es solo el dominio o la IP. Host es el nombre de host más el puerto cuando hay uno no predeterminado, y por eso ambos campos a menudo se ven idénticos.
Puerto queda vacío cuando la URL usa el predeterminado del esquema: 443 para https, 80 para http. El analizador normaliza esto: ejemplo.com:443/ informa de un puerto vacío porque 443 no aporta información.
Ruta es todo desde la primera / hasta la consulta. Es el único componente que nunca está vacío en una URL http(s); un origen a secas recibe una ruta de /.
Cadena de consulta empieza en ? y lleva los parámetros. Fragmento empieza en # y es la única parte que nunca se envía al servidor: se gestiona íntegramente en el cliente, por eso las SPA lo usaron para enrutar y por eso un token en el fragmento no acaba en los registros del servidor.
Origen es el trío relevante para la seguridad: esquema, host y puerto. Dos URLs comparten origen solo si coinciden los tres, y en eso se basan exactamente la política del mismo origen y las decisiones de CORS.
El analizador WHATWG solo acepta URLs absolutas. ejemplo.com/pagina no tiene esquema, así que no puede analizarse por sí sola: el analizador no puede saber si querías decir ejemplo.com/pagina o una ruta relativa. El código real resuelve referencias relativas contra una URL base; esta herramienta exige la forma absoluta a propósito para que lo que veas no sea ambiguo.
El analizador no devuelve la cadena en bruto. Pasa el esquema y el host a minúsculas, resuelve los segmentos . y .. de la ruta, descarta los puertos predeterminados y convierte los nombres de dominio internacionalizados a Punycode, de modo que münchen.de informa de un host xn--mnchen-3ya.de. Es una ventaja: te muestra la URL tal como la tratará la pila de red, no como se escribió.
Una cadena de consulta puede repetir legítimamente una clave, como en ?tag=a&tag=b. Ninguna especificación dice qué significa eso: unos frameworks toman el primer valor, otros el último y otros construyen un array. La tabla lista cada aparición en orden para que veas exactamente qué se envió, en vez de una vista ya colapsada.