Query String Parser
Parse and build URL query strings safely, client-side.
| Key | Value |
|---|---|
| q | toolhub |
| page | 2 |
Query String Parser turns a URL or raw query string into a structured list of decoded parameters, and can build a properly encoded query string from key/value rows—entirely in your browser. Debug redirect URLs, inspect tracking parameters, and safely handle percent-encoding without uploading anything.
How it works
In Parse mode, the tool extracts everything after the first "?" (dropping any "#" fragment), splits on "&" and "=", and decodes each key and value with decodeURIComponent, treating "+" as a space. In Build mode, key/value rows are joined with encodeURIComponent to produce a safely percent-encoded query string.
Benefits
- Handles full URLs or bare query strings automatically
- Safe decoding that reports errors instead of throwing
- Flags parameter names that commonly carry tokens or secrets
- Build mode for constructing a query string from scratch
Use cases
- Debug OAuth redirect URIs and callback parameters
- Inspect UTM tracking parameters on a marketing link
- Build a query string for an API request by hand
- Decode encoded values shared in bug reports or logs
Best practices
- Avoid putting real tokens or secrets in URLs—they get logged by servers and proxies
- Use Build mode to guarantee correct percent-encoding instead of hand-editing strings
- Double-check flagged sensitive-looking parameters before sharing a parsed URL
- Prefer POST bodies over query strings for sensitive data where possible
Common mistakes
- Assuming query string values are safe to log or share verbatim
- Forgetting that '+' represents a space in form-encoded query strings
- Manually encoding special characters instead of using encodeURIComponent
- Missing duplicate parameter names that should be treated as a list
Privacy
Parsing and building both run locally using built-in JavaScript encoding functions—no network request is made and your URL is not sent to ToolHub.
Frequently asked questions
- Can I paste a full URL, not just the query string?
- Yes. Paste a full URL and the tool extracts everything after the first "?" (ignoring any "#" fragment) before parsing individual parameters.
- How does decoding handle malformed percent-encoding?
- Each key and value is decoded with decodeURIComponent inside a try/catch. If a segment has invalid percent-encoding, the tool reports which parameter failed instead of crashing or silently dropping data.
- Why are some parameters flagged as sensitive?
- Parameter names containing patterns like token, api_key, secret, session, or auth are flagged because query strings are frequently logged by servers, proxies, and browser history—avoid putting real secrets in URLs.
- Does this tool upload my URL or query string?
- No. Parsing and building both happen locally with JavaScript's decodeURIComponent/encodeURIComponent—no network request is made.
- How does Build mode differ from Parse mode?
- Parse mode turns an existing query string or URL into a structured list. Build mode does the reverse: add key/value rows and get a properly percent-encoded query string you can append to a URL.
- Does it handle the '+' character as a space?
- Yes, for application/x-www-form-urlencoded-style query strings, a literal "+" in a value is treated as an encoded space before decoding, matching common web form behavior.
Related tools
URL Encode/Decode
developer
URL percent-encoding with component and URI modes locally.
- url
- encode
- decode
- percent-encoding
Base64 Encode/Decode
developer
Unicode-safe Base64 encode/decode for text and files locally.
- base64
- encode
- decode
- developer
Cron Explainer
developer
Turn cron expressions into readable schedules.
- cron
- scheduler
- developer
- devops
Regex Tester
developer
Test regex patterns with flags, highlights, and safe timeout protection.
- regex
- developer
- pattern
- replace
Canonical URL Checker
seo
Client-side canonical URL heuristics (no crawl).
- canonical
- seo
- url
- duplicate
Diff Checker
text
Line-level text diff with inline and side-by-side views.
- diff
- text
- compare
- developer