Developer
URL Parser
Parse a URL into protocol, host, port, path, query parameters, hash, and origin.
URL structure
Parsed parts
- href
https://www.example.com/products/search?q=novakit&page=2#details- protocol
https:- origin
https://www.example.com- username
-- password
-- hostname
www.example.com- port
-- pathname
/products/search- search
?q=novakit&page=2- hash
#details
Structure
URL anatomy
| Part | Example | Description |
|---|---|---|
| Scheme | https:// | Defines the protocol used to access the resource. |
| Host | www.example.com | The domain name or IP address for the server. |
| Port | :443 | Optional network port. Standard ports are often omitted. |
| Path | /products/search | The resource location on the server. |
| Query | ?q=novakit&page=2 | Key-value parameters sent after the path. |
| Fragment | #details | Client-side anchor or state after the hash mark. |
FAQ
Questions people ask
What does the URL Parser show?
It splits a URL into protocol, origin, host, port, path, query parameters, and hash so each piece is easier to inspect.
Can it parse query strings?
Yes. Query parameters are listed in a table with separate name and value columns.
Do I need an absolute URL?
Yes. The browser URL parser expects a full URL such as https://example.com/path?x=1.
Related tools