[{"data":1,"prerenderedAt":53},["ShallowReactive",2],{"tool-guide:url-parser":3},{"overview":4,"whatIs":5,"useCases":6,"steps":12,"commonMistakes":17,"relatedStandards":23,"example":33,"limitations":37,"faq":40},"URL Parser separates an absolute web or socket URL into its normalized scheme, credentials, host, port, path, query entries, fragment, and origin without making a request.","A URL (Uniform Resource Locator) is a structured string that identifies the location of a resource on the internet. Every URL has a defined anatomy: scheme (https:\u002F\u002F), optional credentials (user:pass@), host (api.example.com), optional port (:8080), path (\u002Fitems), query string (?tag=edge&limit=10), and fragment (#results). Understanding this structure is essential for debugging API calls, constructing redirect URLs, validating OAuth callback URIs, configuring CORS origins, and diagnosing routing issues. A URL parser breaks a URL into its components using the same WHATWG URL Standard that browsers use internally, so you see exactly how the browser will interpret the address. This tool normalizes the URL (lowercasing the scheme and host, resolving default ports, percent-decoding where safe) and lists each query parameter individually — including repeated keys, which servers receive as arrays. No network request is made: the URL is parsed locally using the browser's built-in URL API.",[7,8,9,10,11],"Debugging API requests — paste a long URL with encoded query parameters to see each parameter decoded and listed separately.","Validating OAuth redirect URIs — confirm that the scheme, host, port, and path exactly match the registered redirect URI.","Configuring CORS — extract the origin (scheme + host + port) from a URL to add it to your CORS allowlist.","Diagnosing routing issues — check whether the path, query parameters, or fragment contain unexpected values that cause 404s or wrong routes.","URL encoding audits — verify that special characters in query values are properly percent-encoded and not double-encoded.",[13,14,15,16],"Paste an absolute URL that includes a supported scheme (HTTP, HTTPS, WS, WSS, FTP).","The parser immediately breaks it into components: scheme, host, port, path, query parameters, fragment, and origin.","Inspect repeated query keys individually — each occurrence is listed separately.","Copy any individual component for use in your configuration or code.",[18,19,20,21,22],"Confusing URL encoding of the full URL vs components — only query parameter values and path segments should be percent-encoded, not the delimiters (?, &, =, \u002F).","Missing trailing slashes — https:\u002F\u002Fexample.com and https:\u002F\u002Fexample.com\u002F may route differently depending on your server. The parser shows the exact path.","Port confusion — https:\u002F\u002Fexample.com (port 443) and https:\u002F\u002Fexample.com:443 are the same origin, but https:\u002F\u002Fexample.com:8443 is a different origin for CORS purposes.","Fragment vs server-side routing — the fragment (#section) is never sent to the server. If your server routing depends on the fragment, the URL is misconfigured.","Relative URLs — this tool requires absolute URLs. A relative path like \"\u002Fapi\u002Fitems\" needs a base URL to resolve completely.",[24,27,30],{"title":25,"url":26},"WHATWG URL Standard","https:\u002F\u002Furl.spec.whatwg.org\u002F",{"title":28,"url":29},"RFC 3986 — URI Generic Syntax","https:\u002F\u002Fdatatracker.ietf.org\u002Fdoc\u002Fhtml\u002Frfc3986",{"title":31,"url":32},"MDN — URL API reference","https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FAPI\u002FURL",{"label":34,"input":35,"output":36},"Inspect an API request URL","https:\u002F\u002Fapi.example.test\u002Fitems?tag=edge&tag=stable#results","Host api.example.test; two tag parameters; fragment #results",[38,39],"Relative references require an explicit base and are therefore rejected by this tool.","Parsing confirms URL syntax but does not establish whether the destination exists or is trustworthy.",[41,44,47,50],{"question":42,"answer":43},"What URL schemes are supported?","HTTP, HTTPS, WS, WSS, FTP, and other standard schemes. Relative URLs are rejected because they require a base URL for resolution.",{"question":45,"answer":46},"How are repeated query parameters handled?","Each occurrence of a query key is listed separately so you can see the exact values a server receives, including duplicate keys.",{"question":48,"answer":49},"Does parsing a URL make a network request?","No. The URL is parsed locally using the browser's built-in URL API. No request is sent to the parsed destination.",{"question":51,"answer":52},"What is the difference between a URL and a URI?","A URL is a type of URI that specifies how to access a resource (includes a scheme like https:\u002F\u002F). A URI is a broader term that includes both URLs and URNs (names without access instructions).",1788868141558]