What components does this break a URL into?
Protocol, hostname, port, pathname, query string, and hash/fragment — plus a decoded key-value table for query parameters.
URL Parser
URL
EmptyAbsolute URL
Parsed URL
Enter a URL to break it into its components.
No resultWHATWG URL
About this URL Parser
Parse a URL into its protocol, host, path, query parameters, and fragment.
Parsing uses the browser's own URL constructor, so the result matches what fetch and the address bar see. The URL must be absolute — a scheme such as https:// is required. Port shows the protocol default when the URL omits one.
FAQ
What's the difference between pathname and the query string?
Pathname is everything before the ?; the query string is everything from ? to # (or end of URL), including the ? itself.
Does the hash/fragment get sent to the server?
No — the fragment after # is handled entirely by the browser and never included in the actual HTTP request.
Does this decode percent-encoded characters automatically?
Yes — encoded characters like %20 are shown decoded alongside the raw value.
Does it handle duplicate query parameters, like ?tag=a&tag=b?
Yes — every occurrence appears as its own row; duplicate keys aren't collapsed or overwritten.
Is my URL sent to a server to be parsed?
No — parsing uses your browser's built-in URL API entirely client-side.
Related tools