DevTilt

URL Parser

Paste an absolute URL to inspect its parts, list query parameters, and copy a pretty JSON object of the query string.

Result

Parsed parts

Paste a full URL to parse.

How to parse a URL

  1. Paste an absolute URL including the scheme (https://…).
  2. Click Parse to split protocol, host, path, and query.
  3. Review protocol, host, port, path, query table, and hash.
  4. Copy Query → JSON when you need the query string as an object.

What is URL Parser?

A full URL packs hostname, path, query parameters, hash fragments, and ports into one string. This parser splits every component using the browser's URL API so you can inspect each piece — especially query params — without writing console.log(new URL(...)) in devtools.

Why use DevTilt's URL Parser?

  • Splits protocol, host, port, path, query, and hash
  • Lists each query parameter as key-value pairs
  • Handles internationalized domain names
  • Clear errors for invalid URL strings

Common use cases

  • Debugging OAuth redirect URLs with nested query parameters
  • Extracting UTM tracking params from a marketing link
  • Inspecting the path and port of an API endpoint URL
  • Understanding how a deep link routes to an app screen

FAQ

The parser uses the browser URL API, which requires an absolute URL with a scheme. Relative paths without a protocol are rejected with a clear suggestion.
The parameter table keeps every pair. Query → JSON uses an array when the same key appears more than once.
No. Parsing runs entirely in your browser.
Yes. http://localhost:3000/path?foo=1 is valid. Host, port, pathname, search, and hash are all split into separate fields.
Use the parameter table for a single key, or copy Query → JSON and read the property you need. Duplicate keys appear as arrays in the JSON view.