Does this tool send my URL to a server?

No. All parsing is done entirely in your browser using the native URL API. Nothing is transmitted to any server.

What URL formats are supported?

Any valid absolute URL with a scheme (http, https, ftp, etc.) is supported. Relative URLs and bare hostnames without a scheme will show an error.

What is a URL fragment?

The fragment is the part after the "#" symbol (e.g., #section-2). Browsers use it to scroll to an anchor on the page. It is never sent to the server.

Why are some query parameter values percent-encoded?

URLs can only contain certain characters directly. Special characters are percent-encoded (e.g., space becomes %20). This tool shows both the raw encoded value and the decoded value.

What is the difference between hostname and host?

Hostname is just the domain (e.g., example.com). Host includes the port if non-standard (e.g., example.com:8080).

Can I parse URLs with custom ports?

Yes. If the URL includes an explicit port number (e.g., :8080), it will appear in both the "Port" and "Host" rows.

URL Parser

Name: URL Parser
Availability: InStock
Author: Nham Vu

Paste any URL to instantly break it down into protocol, host, port, path, query parameters, and fragment — with one-click copy for each part.

Enter a URL

Try an example

Enter a URL on the left to see its components

Copied!

Summary

Paste any URL to instantly break it down into protocol, host, port, path, query parameters, and fragment — with one-click copy for each part.

How it works

Paste or type any URL into the input field.
The tool parses the URL using the browser's native URL API.
Each component (protocol, host, port, path, query params, fragment) appears in its own row.
Query parameters are further expanded into individual key-value pairs.
Click "Copy" next to any row to copy just that component.

Use cases

Debug query strings in API URLs during development.
Extract the hostname or path from a complex URL without manual parsing.
Decode percent-encoded query parameter values.
Verify that deep-link URLs are structured correctly before publishing.
Analyze redirect chains by checking each URL's components.
Learn how URL structure works for students and new developers.
Quickly grab the base origin from a long URL.
Check whether a URL contains a fragment identifier.

Frequently Asked Questions

Last updated: 2026-06-11 · Reviewed by Nham Vu