Developer Utilities

How to Parse a URL into Its Components

Step-by-step guide to breaking down any URL into protocol, hostname, port, pathname, query parameters, and hash using the DevHexLab URL Parser.

Tool Used

URL Parser

Open tool
1

Open the URL Parser

Navigate to /tools/developer/url-parser.

2

Paste or type a URL

Enter any full URL in the input field, including the protocol (https://). You can also click one of the example buttons to load a sample URL.

3

Read the parsed components

The tool breaks the URL into protocol, username, password, hostname, port, pathname, search string, hash, and origin. Each field has a copy button.

4

Inspect query parameters

If the URL has a query string, each key-value pair is listed separately in the Query Parameters section. Copy any value individually.

All done!

You are ready to use URL Parser like a pro.

Try it now
All guides