#068 · Developer Utilities Developer Tool

URL Parser

Break an absolute or relative URL into structured components, decoded query parameters, path segments, and security warnings.

Developer Input

URL and optional base URL

URL Components

Parsed fields

How to use this developer tool

  1. Paste an absolute or relative URL.
  2. Supply a base URL for relative input.
  3. Choose an optional normalization rule.
  4. Review components, duplicates, and warnings.

What this developer tool does

Uses the browser URL API to parse components and URLSearchParams to preserve repeated query keys.

Resolve URL → read URL fields → split path → collect query pairs → detect duplicates → normalize → add warnings.

Credentials in URLs can leak through logs, browser history, analytics, and referrer headers.

Example

https://user:pass@example.com:8443/docs/page.html?tag=css&tag=html#example

Tips for better output

  • Use a base URL when testing relative paths.
  • Do not expose usernames or passwords in public links.
  • Preserve duplicate query keys when order matters.

FAQ

How do I split a URL into protocol, host, path, and query?

Paste the URL and read the structured component output.

How do I parse duplicate query parameters from a URL?

Duplicate key names are listed separately and preserved as ordered pairs.

How do I parse a relative URL using a base URL?

Enter the relative URL and provide an absolute base URL.

How do I remove query parameters and fragments from a URL?

Use normalization output or copy the parsed origin and pathname fields.

How do I detect credentials or unsafe schemes in a URL?

The warnings array flags embedded credentials and non-HTTP schemes.

Supported formats and output

Absolute URLs, relative URLs with a base URL, encoded query strings, and fragments. Output is JSON.