DevKit Tools

URL Inspector

Split a URL into protocol, host, port, path, query and fragment, and decode every query parameter.

Inspect/URL Inspector

Break a URL into its parts and decode every query parameter, including nested and encoded values.

Structure

Protocol
https
Host
shop.example.com
Port
8443
Path
/products/shoes
Fragment
reviews

Query parameters (3)

color
dark blue
size
42
utm_source
news
protocol   https
host       shop.example.com
port       8443
path       /products/shoes
query      ?color=dark%20blue&size=42&utm_source=news
fragment   reviews
origin     https://shop.example.com:8443

About the url inspector

A URL has more structure than it appears: protocol, host, optional port, path, query string and fragment. Long tracking URLs hide a dozen parameters in what looks like noise, and reading them by eye is error prone.

Everything is decoded, so percent-encoded values appear as the text they represent.

How to use it

  1. 1Paste any URL.
  2. 2Read the structural breakdown.
  3. 3Check the decoded query parameters.
  4. 4Copy the JavaScript snippet if you need to parse it in code.

Questions

What is the fragment for?

Everything after the hash. It is never sent to the server; it is used by the browser to scroll to an anchor or by client-side routers.

Why are some values percent-encoded?

Because characters like spaces, ampersands and slashes have meaning in a URL. Encoding lets them appear as data rather than structure.

Can I remove tracking parameters?

Yes. Parameters beginning utm_ are analytics tags and can be stripped without affecting the destination.

More API & Testing tools