URL Component Encoder/Decoder - Online encodeURIComponent
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
UD5 Toolkit
| # | Parameter Name | Value | Action |
|---|---|---|---|
| No query parameters found | |||
Enter a URL above and click Parse URL to decompose it into components
https://, http://, ftp://www.example.com):8080)/blog/article)? (e.g., ?id=123&sort=asc)# (e.g., #section2)www.example.com or 192.168.1.1). Host includes the hostname plus the port number if one is explicitly specified (e.g., www.example.com:8080). If no port is specified in the URL, the host and hostname are identical. This distinction is important when working with non-standard ports in web development and API configurations.
? character in a URL. They are separated by & and follow the format key=value. Our tool uses the URLSearchParams API to parse them accurately, automatically handling URL encoding (e.g., %20 → space, %2F → /). Each parameter is displayed with both its raw encoded form and its decoded, human-readable value. This is particularly useful for debugging tracking parameters, API calls, and form submissions.
# symbol. It is never sent to the server — it is handled entirely by the browser (client-side). Common uses include: navigating to a specific section of a page via anchor links (e.g., #faq-section), tracking state in single-page applications (SPA routing with #/dashboard), and storing temporary client-side data. Understanding fragments is crucial for front-end developers working with SPAs and anchor navigation.
https://example.com:443/path will show an empty port since 443 is the default for HTTPS. Only non-standard ports (like 8080, 3000, 8443) will appear explicitly in the parsed output.
例.com will be parsed as its Punycode equivalent xn--fsq.com. Our tool displays the hostname exactly as the browser interprets it, which is the form actually used in DNS resolution and HTTP requests.
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
Find out the real destination of any shortened link (bit.ly, t.co, etc.) without clicking. Resolves redirects locally using public HTTP headers.
Paste a full URL or query string and instantly get a pretty JSON object. Parse arrays and nested keys.
Paste an enciphered text and instantly see all 25 possible shifts. Highlight the most plausible.
Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.
Paste text with \uXXXX or \xXX escape sequences and decode to readable characters. Works for all Unicode planes.
Browse a collection of common UI components (cards, modals, navbars) built with pure CSS. Preview and copy the HTML/CSS. Fast prototyping.
Decode an image progressively using the ImageDecoder API. See partial results and metadata. Modern alternative to <img>.
Encode latitude/longitude into a geohash string and decode a geohash back to coordinates with precision info. Local algorithm.
Convert integers into short, unique, YouTube‑style IDs (hashids) and decode them back. Customize salt and minimum length.
Encode any file into a Base64 string that you can copy, or decode a Base64 string back to a downloadable file. Pure frontend.
Paste a JSON Web Token and decode its header and payload. Verify signature if you provide the secret. Fully local.
Freeze your live camera, then scan a QR code from the static frame. Works when auto‑scan fails. Private.
Paste a data: URL and instantly download the file it represents. Supports all MIME types. Simple extraction.
Enter Braille dot numbers (1‑6) or paste Unicode Braille to decode into English text. Companion to text‑to‑Braille.
Paste a raw cookie string and see a formatted key‑value table. Debug session cookies and understand flags. Runs in browser.
Upload an image containing a QR code and decode its content. Works offline using JavaScript QR decoder. No camera needed.
Parse a URL's query string into a key-value table, or build a query string from parameters. Perfect for API testing and web development.
Decode Base64 encoded strings back into viewable images and download them as PNG. Useful for debugging APIs and data URIs. Secure local processing.