Skip to content
DevKit Labs

URL Parser & Splitter

Break a URL into protocol, host, path, query and fragment — 100% in your browser.

Originhttps://www.example.com:8443
Protocolhttps:
Usernameuser
Passwordpass
Hostwww.example.com:8443
Hostnamewww.example.com
Port8443
Path/path/to/page
Query?q=hello&lang=en&page=2
Fragment#section-3
Query parameters
KeyValue
qhello
langen
page2

About URL Parser & Splitter

Paste a URL and see it split into every component: origin, protocol, host, hostname, port, path, query string and fragment, plus any username or password. Each part has a copy button, and the query string is broken out into a readable key/value table.

It uses the browser's native URL parser, so it decodes exactly the way browsers and servers do. Everything runs locally; nothing is uploaded.

Split a URL

Input
https://example.com:8443/path?q=hello&page=2#top
Output
host example.com:8443 · path /path · query q=hello, page=2 · fragment #top

Query parameters are also listed in a key/value table.

Frequently asked questions

What parts of a URL does it show?

Origin, protocol, username, password, host, hostname, port, path, query string and fragment — plus a table of individual query parameters.

Does it decode query parameters?

Yes. Parameters are read with the native URLSearchParams, so percent-encoded values are decoded the same way a browser would.

Why does it say my URL is invalid?

The parser needs an absolute URL including the scheme, for example https://. A bare domain like example.com/path won't parse until you add https://.

Is my URL uploaded anywhere?

No. Parsing happens entirely in your browser.

Related tools

References