Dev Tools

URL Parser

Parse a URL into its components and query parameters (client-side).

URL
href
https://example.com/path?foo=bar&baz=1#section
origin
https://example.com
protocol
https:
hostname
example.com
port
(default)
pathname
/path
search
?foo=bar&baz=1
hash
#section
Query params
{
  "foo": [
    "bar"
  ],
  "baz": [
    "1"
  ]
}
Was this page helpful?

Related tools

About URL Parser

Break a URL into its parts — protocol, host, port, path, query parameters, and fragment — and inspect each query value. Useful for debugging links, redirects, and tracking parameters.

How to use

  1. Paste a full URL.
  2. Review the parsed components and decoded query parameters.
  3. Copy individual parts as needed.

Frequently asked questions

Are query parameters decoded?
Yes — percent-encoded values are decoded so you can read the real parameter values.
Does it validate the URL?
It uses the browser URL parser, so malformed URLs are flagged rather than parsed incorrectly.