Web & Network

URL Parser

Parse and construct URLs with component breakdown, query parameter inspection, and decoding.

How to use this tool

  1. Paste a URL into the URL to Parse box — the component breakdown appears as you type.
  2. Leave off the scheme if you like; https:// is added automatically when there isn't one.
  3. Read each part under Components — scheme, host, port, pathname, search, query, hash, origin, username, password, and href — and use any Copy button to grab a single value.
  4. Inspect the Query Parameters table to see every key/value pair with its raw and decoded values.
  5. Switch to the Construct URL tab to build a URL from individual parts, then hit Copy on the result.

Why this tool is helpful

Inspect links before you click

See a URL's real host, path, and query parameters so you can tell exactly where a link points — and what it's carrying.

Decode messy query strings

Values like q=hello%20world are shown decoded, so you can read URL-encoded parameters without a manual unescape.

Debug API requests

Confirm the scheme, host, port, and path of an endpoint before wiring it into code, and copy any component straight to your clipboard.

Spot embedded credentials

URLs can carry a username:password@ pair — this tool surfaces them so you can catch exposed credentials at a glance.

Construct URLs safely

Build a URL from separate parts instead of hand-concatenating strings, avoiding mistakes with slashes, ports, and query prefixes.

Stay private

Everything runs in your browser via the URL API. Nothing is uploaded, logged, or sent to a server.

FAQ

What does this tool actually do?

It uses the browser's built-in URL API to break a URL into its standard components — scheme, host, port, pathname, search, query, hash, origin, username, password, and href — and shows query parameters in a table.

Do I have to type the scheme?

No. If your input doesn't start with a scheme like https://, the tool prepends https:// automatically before parsing.

Why does the port show "(default)"?

When a URL uses the standard port for its scheme — 80 for http, 443 for https — the browser leaves it empty. The tool marks this as (default) rather than showing a blank.

What's the difference between Search and Query?

Search is the raw ?… string exactly as written, including percent-encoding. Query is the same data with percent-encoding decoded so it's easier to read.

How are query parameters decoded?

Each pair is shown in two forms: the raw value as it appeared in the URL, and the decoded value with sequences like %20 converted back to a space. You can copy either one.

Does the Construct URL tab work without all fields?

Yes. Empty fields get sensible defaults — the scheme falls back to https, the host to example.com, and the path to /. The URL updates live as you type.

Does any of my data leave my browser?

Never. Parsing and construction happen entirely in client-side JavaScript. Your input is not sent to, stored on, or logged by any server.