Output will appear here...Escapes everything with special meaning in a URL. Use for individual values - query parameters, path segments, cookie values - never for a whole URL (it would encode :// too).
a=1&b=2 → a%3D1%26b%3D2 (safe to embed as a single query value)

URL 编码器/解码器将文本转换为百分比编码(也称为 URL 编码),这是由 RFC 3986 定义的转义方案,使任意字符串可以安全地放入 URL 中。 像 &, =, ?, # 和 / 的字符在 URL 中具有结构意义 - 如果查询字符串值包含文字“&”,服务器将将您的参数分成两半,除非该字符被转义为 %26。 此工具为您提供了开发人员实际遇到的所有三个编码变体:单个值的 encodeUriComponent、完整 URL 的 encodeURI 以及用于 HTML 表单体的 application/x-www-form-urlencoded(空格为 +)。
模式之间的区别比大多数教程所承认的更重要。 encodeUriComponent 转义每个保留的分隔符,因此它是单个查询参数、路径段或嵌入在另一个 URL 中的重定向目标的正确选择 - 但在完整 URL 上运行它会将 https:// 转入 HTTPS%3A%2F%2F。 # & =) 所以整个网址保持可导航,而 é 或 non-ascii 字符(如 é 或 non-ascii 字符仍被转义为 UTF-8% 编码的形式)。 表单-urlencoded 模式与您提交 <form> 时的浏览器发送的内容相匹配:与 encodeUriComponent 相同,除了空格变为“+”而不是“%20” - 一个遗留的怪癖,今天仍会跳转 API 集成。
一切都在您的浏览器中使用您的生产 JavaScript 所使用的本机 encodeURIComponent/DecodeUIR 机器在您的浏览器中运行 100% 客户端,因此结果与您的代码将产生的结果完全匹配。 没有粘贴任何东西 - OAuth 回调 URL、签名的 S3 链接、令牌、会话 ID - 永远离开您的机器。 解码器还捕获格式错误的输入(一个杂散的 % 没有后面跟两个十六进制数字会在 JavaScript 中抛出 URIError)并报告一个明显的错误,而不是静默失败。
将原始值放入输入区域 - 查询参数值、带空格和 Unicode 的完整 URL,或从服务器日志中提取的 %3D1%26B%3D2 的编码字符串。
为单个值(查询参数、路径段)选择 encodeUriComponent,对于完整的网址, encodeURI 在哪里 :// 和 ? 当您构建 HTML 表单正文或使用 + 符号调试帖子有效负载时,必须生存或表单 UrlenCoded。
单击 encode 对输入进行百分比编码,或解码以将其反转。 解码处理 %xx 序列,并在表单模式下将 + 转换回空格。 格式错误的序列产生可读的错误,而不是空白输出。
一键复制结果到剪贴板,或使用交换按钮将输出移回输入中 - 当值已双重编码时(%2520)并需要第二次解码传递,很方便。
encodeUriComponent、encodeURI 和 application/x-www-form-urlencoded - 您在查询字符串、完整 URL 和表单体中实际遇到的三个变体
使用浏览器本机编码功能,因此不保留字符(a-z a-z 0-9 - . ~) 正确地通过未触及的 UTF-8 多字节序列
像流浪汉“%”的格式不正确的百分比序列准确地报告了什么问题而不是抛出未处理的 URIError
一键将结果移回输入中 - 非常适合逐层展开双重编码值
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Convert images to Base64 data URIs and decode Base64 back to images.
Convert text to and from Unicode code points, HTML entities, JavaScript escapes, and CSS escapes. Emoji and astral characters handled correctly.
Parse a URL query string into structured JSON, or build a query string from a JSON object. Handles repeated keys, bracket arrays, and encoding. 100% client-side.
0 comments
No comments yet. Be the first to share your thoughts!