FlowToolkit
Utility

URL Parser

Parse any URL and inspect its components and query parameters.

Loading tool…

About this tool

Paste a URL to instantly see its breakdown: protocol, hostname, port, pathname, query string, hash, and more. Query parameters are decoded and displayed in a sortable table. Runs entirely in your browser using the built-in URL Web API.

Anatomy of a URL

A URL packs a lot of information into a single line: a protocol, an optional username and password, a hostname, an optional port, a path, an optional query string, and an optional fragment. Each piece has meaning, and bugs frequently hide in the small details: a missing trailing slash, an unencoded ampersand in a query parameter, a port number that defaults silently.

The URL Parser breaks any URL down into its components and shows the query parameters in a sortable table with values URL-decoded for you. Because parsing uses the built-in URL constructor exposed by the browser, the output is exactly what your server-side code will see when it parses the same URL with its own standard library.

What gets parsed

  • Protocol (http, https, ftp, mailto, etc.)
  • Username and password (rarely used, but legal)
  • Hostname and port
  • Pathname
  • Search / query string and individual decoded parameters
  • Hash / fragment
  • Origin (protocol + host + port)

Use cases

Inspect a redirect URL during OAuth debugging. Read the parameters of a long campaign-tracking link to verify your UTMs. Confirm that a webhook destination uses HTTPS. Decode a URL-encoded redirect_uri value. Compare two URLs that look the same but have different fragment or trailing slash behaviour. The tool runs locally, so even URLs containing sensitive tokens stay private.

Frequently asked questions

Is the URL sent anywhere?

No. Parsing uses the browser built-in URL constructor — nothing leaves your device. Confidential URLs (signed redirect URIs, internal endpoints) stay private.

What URL formats are supported?

Any absolute URL with a protocol (https://, http://, ftp://, mailto:, file://, etc.). Relative URLs without a protocol cannot be parsed standalone — provide a base if needed.

Are query parameters decoded?

Yes. Values are URL-decoded so %20 becomes a space, %40 becomes @, plus signs become spaces in form-encoded contexts.

How do I extract query string parameters?

Paste the URL and the parser shows every key-value pair in a sortable table, with values URL-decoded for readability.

What components does the parser show?

Protocol, username, password, hostname, port, pathname, search (query string), hash (fragment), origin, and an exploded list of search parameters.

How do I parse a URL in JavaScript?

Use the built-in URL constructor: new URL(href). The constructor returns an object with protocol, host, pathname, searchParams, and other properties. This tool is a friendly UI for the same underlying parser.