Debugging a redirect chain, inspecting UTM parameters in a tracking link, or constructing an API endpoint? Paste any URL here to instantly decompose it into its components and edit query parameters with live URL rebuilding.
Last Updated: April 18, 2025Privacy: 100% Local Browser Processing
What is the Url Parser?
A URL Parser breaks down any URL into its structural components — protocol (scheme), hostname, port, path, query parameters, and hash fragment — as defined by RFC 3986. It lets you inspect, edit, add, or remove query parameters interactively and instantly rebuilds the URL, making it the perfect tool for debugging API endpoints, analyzing redirect chains, auditing marketing tracking links, and constructing complex URLs.
How to Use
- 1Paste any URL into the input field at the top.
- 2The tool instantly parses it into Protocol, Host, Port, Path, and Hash.
- 3Query parameters appear as editable key-value pairs.
- 4Edit any component — the URL rebuilds live in the top bar.
- 5Use Encode URI / Decode URI buttons to handle special characters.
- 6Add or remove query parameters with the + button.
Pro Tips & Best Practices
- Use URL Encode when embedding a URL inside another URL's query parameter (common in OAuth redirect_uri parameters). This prevents the inner URL's special characters from breaking the outer URL.
- Remember that the hash fragment (#) is never sent to the server — it is only used by the browser. If your API endpoint includes a hash, something is wrong.
- If a URL looks correct but returns a 404, check for invisible characters or trailing whitespace — copy the URL from this tool's output field to get a clean version.
- Query parameter order does not matter for most web servers, but some APIs require specific ordering. Use the parameter editor to reorder them as needed.
Real-World Use Cases
- Marketing analytics — decompose UTM-tagged URLs to verify utm_source, utm_medium, and utm_campaign parameters are correctly set before launching campaigns.
- OAuth debugging — inspect redirect URIs in OAuth2 authorization flows to verify the callback URL, state parameter, and authorization code.
- API endpoint construction — build complex query strings with multiple parameters for REST API testing, then copy the final URL for use in Postman or curl.
- SEO analysis — inspect canonical URLs, redirect chains, and pagination links to verify they point to the correct destinations.
Technical Deep Dive
URLs (Uniform Resource Locators) follow a strict structure defined by RFC 3986: scheme://authority/path?query#fragment. The authority component breaks down further into userinfo@host:port. This tool uses the browser's native URL API (new URL()) for parsing, which handles edge cases that naive string splitting would miss: international domain names (IDN), IPv6 addresses in brackets, ports in non-standard positions, and percent-encoded characters. The query string parser splits the search portion on '&' delimiters and '=' separators, URL-decoding both keys and values to show the human-readable content. The interactive editor allows you to modify any component and see the changes reflected in the rebuilt URL in real time. The URL encode/decode feature uses encodeURIComponent() and decodeURIComponent() to handle special characters — this is often needed when constructing URLs that contain other URLs as parameter values (common in OAuth redirect URIs and SSO login flows).