Back to Dev Tools
100% Client-side & Private Sandbox

URL & Query Params Editor

Git & Workflow

Deconstruct URLs into structured components, edit query parameters interactively, and re-assemble sanitized URLs.

Query Parameters (4)
=
=
=
=
Re-assembled URL Output
https://api.sprintkit.dev:8080/v1/backlog/items?project=PROJ&status=active&limit=50&sort=priority#section-estimates
Guide & Documentation

URL Parser, Query String Editor & URI Component Decoder

Deconstruct complex URLs into protocol, hostname, port, pathname, hash, and interactive query parameters. Edit, add, or delete query keys and re-assemble clean, encoded URLs.

How to Parse & Edit URLs

01

Paste Encoded URL

Enter any raw URL with long query strings or encoded characters into the top editor box.

02

Deconstruct & Edit Parameters

The parser breaks query parameters into key-value pairs; add, modify, or remove keys interactively.

03

Copy Re-Assembled URL

Copy the reconstructed URL with proper URI component encoding ready for API calls or browser testing.

URL Parser Features

Interactive Key-Value Editor

Add new query parameters, modify values, and delete unnecessary tracking tags effortlessly.

Automatic Percent-Decoding

Decodes percent-encoded characters (%20, %2F, %3F, etc.) into human-readable text for inspection.

RFC 3986 URL Compliance

Reassembles clean, standardized URLs following proper protocol, port, path, query, and anchor specifications.

URL Construction Best Practices

  • §1Always use encodeURIComponent on individual query parameter values to prevent broken query strings.
  • §2Never embed sensitive user credentials, session tokens, or API secrets in URL query strings (they leak into server logs).
  • §3Keep URL paths lowercase and hyphen-separated; reserve query strings for filtering, paging, and sorting.

Frequently Asked Questions

What is the difference between encodeURI and encodeURIComponent?
encodeURI encodes a complete URL while preserving protocol and path slashes (:, /, ?, #). encodeURIComponent encodes every special character, intended specifically for query parameter values.
Does this tool strip UTM tracking tags?
Yes, you can easily identify and delete utm_source, utm_medium, and other analytics parameters with one click.
Is my URL sent to any server?
No, parsing is executed entirely on your client machine using JavaScript's native URL API.