Skip to content
yutils
Example

Input (URL)

https://user:pass@yutils.dev:8080/tools/base64?q=hello&lang=ko#preview

Output (components)

protocol: https:
user: user
pass: pass
host: yutils.dev:8080
hostname: yutils.dev
port: 8080
path: /tools/base64
query: { q: hello, lang: ko }
hash: #preview

Note

Based on WHATWG URL — matches the browser's built-in `URL` object exactly. Query strings are parsed into a key-value object.

Usage / FAQ

When to use

  • See every component of a complex URL at a glance
  • Debug query parameters — `utm_*`, tracking codes, etc.
  • Break down each step of a redirect chain
  • Confirm exact positions of subdomain, port, path, hash
  • Decode URL-encoded query values

FAQ

Q.WHATWG vs RFC 3986?
A.RFC 3986 is the 1990s spec; the WHATWG URL Living Standard matches real browser behavior. Small differences exist (e.g. trailing slash handling). Browsers follow WHATWG — and so does this tool.
Q.Can I parse a relative URL?
A.Only with a base URL. `/tools/base64` alone has no host. Use an absolute form like `https://example.com/tools/base64`.
Q.What if a key appears multiple times?
A.URLSearchParams returns all values via `getAll('tag')`. This tool shows only the last value — use jq or similar for multi-value analysis.
Fun facts

  • Modern URLs sit between two standards — IETF's RFC 3986 (2005, static) and WHATWG's URL Living Standard (2012+, continuously updated). The two specs differ in subtle places, and browsers effectively follow WHATWG.

    WHATWG URL Standard

  • The WHATWG URL parser is a 'living standard' that tracks what browsers actually do — interpreting backslashes as forward slashes, ignoring whitespace, accepting things RFC 3986 rejects. 'Real-world compatibility first.'

    Wikipedia — URL standards

  • The JavaScript `new URL(...)` constructor landed across every modern browser and Node.js around 2017. Before that, regex hacks and `document.createElement('a')` tricks ran wild — each producing subtly different results. Today `URL.canParse(str)` (2023+) gives a clean validation API.

    MDN — URL constructor

Related tools

See all in this category →