MoT
🔗
Web & Developer100% Client-Side0 Bytes Uploaded

URL Parser & Query String Builder

Parse, inspect, edit, and construct URLs and query string parameters. Interactive key-value editor with URL-encoding and OAuth redirect inspection.

🖥️Open in Workspace
🔗
Loading URL Parser & Query String Builder...
Ultra-low latency client-side execution

🔗URL Parser & Query String Builder Documentation & Guide

Web & Developer
Uniform Resource Locators (URLs) require strict RFC 3986 compliance for routing, authentication tokens, tracking parameters, and REST API calls. Manually editing query strings often leads to malformed percent-encoding, stripped ampersands, or broken OAuth redirects. This utility breaks any URL down into its structural components, provides an interactive query parameter table with live toggling, and re-assembles normalized canonical URLs.

📋How to Inspect & Modify URLs

  1. Input or Select Preset: Paste your source URL into the Target URL field or click a preset (e.g., OAuth 2.0 Auth Request, REST API Search, or Google Analytics UTM).
  2. Edit Base Components: Modify the Protocol, Hostname, Port, Path, or Fragment Hash independently.
  3. Manage Query Parameters: Use the interactive parameter list to add new keys/values, toggle parameters on/off with checkboxes, or click Enc / Dec to percent-encode special characters.
  4. Reconstruct & Validate: Click 🔗 Parse & Build URL to generate the clean, normalized URL.
  5. Copy & Deploy: Click 📋 Copy to transfer the canonical URL to your clipboard.

⚙️RFC 3986 URL Anatomy & Encoding Rules

A standardized URL conforms to the following structural grammar:

• URI Scheme: https:// (Protocol identifier)
• Authority: username:password@hostname:port
• Path: /api/v1/resource (Hierarchical path segments)
• Query: ?key1=val1&key2=val2 (Delimited key-value pairs)
• Fragment: #section-hash (Client-side anchor identifier)
• Percent Encoding: Reserved characters (e.g. space → %20 or +, / → %2F, & → %26).

💡Practical Use Cases & Best Practices

  • OAuth 2.0 & OIDC Debugging: Verify nested redirect_uri encoding, scope lists, and cryptographic state parameters before redirecting users.
  • UTM Campaign Tracking: Build and audit marketing tracking URLs with utm_source, utm_medium, and utm_campaign parameters without manual typo errors.
  • API Testing & Webhooks: Toggle optional pagination (limit, offset) and sorting filters on and off to quickly test edge cases in backend handlers.
100% Client-Side Privacy Guarantee:All URL parsing, percent-encoding, and string reconstructions occur exclusively within your client-side browser sandbox. No sensitive API keys, OAuth tokens, session parameters, or URLs are ever transmitted across external networks.
✨