Las partes de una URL
Toma como ejemplo https://ejemplo.com:8080/ruta/pagina?orden=precio&pag=2#opiniones: el protocolo es https, el host ejemplo.com, el puerto 8080, la ruta /ruta/pagina, la query orden=precio&pag=2 con dos parámetros y el fragmento #opiniones. El origen agrupa protocolo, host y puerto y es lo que comparan los navegadores para la política del mismo origen.
- Protocolo (esquema): cómo se accede, habitualmente http o https.
- Host y puerto: el servidor de destino; si el puerto es el por defecto (80 en http, 443 en https) no aparece escrito y aquí se muestra como referencia.
- Ruta (path): el «camino» del recurso dentro del servidor.
- Query: pares clave=valor separados por «&»; la tabla los muestra ya decodificados.
- Fragmento (#): el ancla local de la página; nunca llega al servidor.
La misma URL en JSON
Debajo de la tabla tienes el resultado en JSON, con la query como lista de pares clave/valor, para pegarlo en documentación, tests o configuración. Los valores de la query llegan decodificados: «q=hola%20mundo» se muestra como «hola mundo».
Errores comunes
- Olvidar el esquema: «ejemplo.com/pagina» no es una URL completa; añade https:// delante y el análisis funcionará.
- Confundir host con origen: el origen incluye también protocolo y puerto; dos URLs con el mismo host pero distinto puerto tienen orígenes distintos.
- Esperar que el servidor vea el #: el fragmento se procesa solo en el navegador; en logs y analytics suele aparecer vacío.