Calculator
What the URL Parser does
URL Parser: calculates Status, Components and Query parameters (decoded) from URL.
With URL entered, the URL Parser works out Status, Components and Query parameters (decoded). Values update as you type, so comparing options is a matter of editing one field.
Typical users are engineers checking an encoding. Pasting a production payload into an unknown web tool is a real risk, which is why this one stays local.
There is no back end here. The calculation runs where you are sitting, not on a server somewhere.
Field definitions, the method, and a worked example from the default values are all set out further down the page.
What do the URL Parser fields mean?
The URL Parser uses 1 input. Nothing is blank on load, so you can see the shape of the answer before supplying your own figures.
| Field | What to enter | Default |
|---|---|---|
| URL | required | https://user:pass@shop.example.co.uk:8443/catalog/items%20list/42?q=blue%20shoes&size=42&sort=price&sort=name#reviews |
How does the URL Parser work?
Each output is derived from the inputs above in a single pass; there is no hidden state carried between runs, so the same inputs always give the same calculation.
Validation runs before the calculation, which is why a mistyped value shows an error rather than a plausible-looking result.
Worked example
These are the values the URL Parser loads by default, and the result it produces from them. These are the exact values loaded when the page opens, and the answer they produce.
| URL | https://user:pass@shop.example.co.uk:8443/catalog/items%2… |
|---|
| Status | shop.example.co.uk/catalog/items%20list/42 · 4 query parameters |
|---|---|
| Components | protocol https: username user password (set) hostname shop.example.co.uk port 8443… |
| Query parameters (decoded) | q = blue shoes size = 42 sort = price sort = name |
| As JSON | { "protocol": "https:", "host": "shop.example.co.uk:8443", "hostname": "shop.example.co.uk", "port": "8443"… |
How to use it
- Type URL.
- The results panel stays in sync with the form as you edit it.
- Look at Status, Components, Query parameters (decoded) and As JSON in the output panel.
- Print gives a tidy version without the navigation, which is handy for attaching to a file.
What this tool does not do
- Processing happens in your browser, so extremely large inputs are bounded by available memory.
- Output follows the common convention for this format; a specific toolchain may have its own house style.
- Edge cases at the very limits of the accepted range are handled, but rarely worth relying on.
Frequently asked questions
URL. That is the whole form. Nothing starts empty, so the form is usable immediately, without filling anything in first.
With the values loaded when the page opens, status comes out as shop.example.co.uk/catalog/items%20list/42 · 4 query parameters. Overwrite any of the starting values and the result follows.
No. The work runs in JavaScript inside this page, so your values never leave your device. You can confirm it in your browser network tab.
No payment and no login. Advertising covers the running costs.
It follows the standard definition for this operation, so the result matches what a reference implementation would give.