URL编码工具
URL组件/完整URL编码解码,附带查询字符串解析
会编码所有特殊字符,包括 / ? & = —— 适合单个值(查询参数、路径片段)。
| 参数名 | 值 |
|---|
两种 URL 编码,两种职责
组件或完整 URL
可以用严格的百分号编码处理单个查询参数值,也可以切换模式,让完整 URL 中的冒号、斜杠、问号和与号原样保留。
查询串自动解析成表
粘贴任意带查询串的链接,参数就会以表格形式呈现——参数名、解码后的值、加号还原成空格——并随你的编辑实时刷新。
编码解码两个方向
同一个输入框既能编码放进表单的值,也能解码跟踪链接看清它实际发送了什么,结果直接从输出区一键复制。
什么是 URL 编码工具?
URL 只允许包含有限的字符集。空格、引号、非 ASCII 字母以及 & 和 ? 这类符号,在进入 URL 之前必须做百分号编码,否则链接会断掉或发出错误的请求。手写编码很麻烦,而且范围搞错是经典 bug——想编一个组件却编了整条 URL,或者反过来。这个工具两种方向都能编、都能解,还能把任意查询字符串解析成清晰的表格,让你看清一条追踪链接或表单提交到底携带了什么。
它能编码和解码什么
- 🔗 组件模式:对查询参数值或路径片段做百分号编码
- 🌐 完整 URL 模式:编码时保留 : / ? & = 等结构字符
- 🔄 两种模式都能解码回可读文本
- 📋 查询字符串解析:粘贴 URL,参数变成表格
- ⚡ 正确处理查询值中加号代表空格的约定
哪些场景容易栽在编码上
- 安全地构建携带用户输入搜索词的链接
- 排查复制的链接为什么 404 或丢参数
- 解码追踪链接,读取其中的 UTM 参数
- 为 API 调用或重定向准备参数值
转换完全在浏览器本地完成,URL 和参数不会上传。注意:完整 URL 模式按设计保留 URL 结构字符,这对整条链接是正确的,但对单个参数值就是错的——那种情况请用组件模式。
最后更新 · 2026-09-01
encodeURIComponent 与 encodeURI
- 组件编码会转义保留字符(? & = /)——适合查询参数值。
- 整链编码保留它们以维持链接结构——适合完整地址。
- 空格两者都变 %20;+ 只在表单编码(application/x-www-form-urlencoded)里表示空格——历史遗留。
常见问题
组件模式和完整URL模式有什么区别?⌄
组件模式(encodeURIComponent)会转义包括 / ? & = 在内的所有特殊字符——适合单个查询值。完整URL模式(encodeURI)不会动 : / ? & # 这类URL结构字符——适合编码整个URL而不破坏它的结构。
为什么查询字符串解析器把 + 显示成空格?⌄
在查询字符串和表单提交常用的 application/x-www-form-urlencoded 约定里,+ 代表空格(是%20的另一种写法)——解析器遵循了这个约定。
我的文本会被上传吗?⌄
不会——一切都用标准的 encodeURIComponent/decodeURIComponent 接口在你的浏览器中完成,你输入的内容永远不会发送到服务器。