Dev utility

URL parser & encoder

Pull a URL apart, edit its query parameters and rebuild it, or percent-encode and decode a value. All local to your browser.

Inspect & edit a URL

Encode / decode

Component vs full-URL encoding

Component (encodeURIComponent) escapes everything that has meaning in a URL — / ? & = # and more — so it's what you use for a single query value or path segment. Full URL (encodeURI) leaves those structural characters intact, so it only fixes things like spaces in an otherwise-complete URL. Using the wrong one is a common bug: encode a whole URL with "component" and its slashes turn into %2F.

Editing query parameters

Parameters are shown already decoded, so %20 reads as a space. Edit a key or value, add a parameter, or remove one, and the Rebuilt URL updates live with everything re-encoded correctly — handy for tweaking a UTM tag or stripping tracking junk. Repeated keys (like id=1&id=2) stay as separate rows. Rebuilt values use + for spaces, the standard query-string encoding (servers read it the same as %20).

Sources & references