URL 编解码

怎么用

1. 选模式：编码（encodeURIComponent） 用于查询参数值，编码（encodeURI） 用于完整 URL，或解码。
2. 把文本或百分号编码字符串贴进左栏，输入即输出。
3. 处理 application/x-www-form-urlencoded 表单（空格写作 +）时，打开空格 ⇄ 加号开关。
4. 解码模式遇到非法百分号序列（比如孤立的 %E4%BD）会明确报错，而不是猜测。
5. 把结果复制进代码、配置或地址栏。

常见用法

• 拼查询串 —— 安全转义参数值，不破坏 &、=、? 的结构。
• 调试分享链接 —— 把邮件或二维码里的链接解开，看它到底指向哪里。
• 表单数据往返 —— 在「加号表示空格」与标准百分号编码之间互转。
• 整理日志 URL —— 把不可读的 %E4%BD%A0%E5%A5%BD 串还原成可读文本。

常见问题

问：encodeURIComponent 和 encodeURI 该用哪个？ 答：encodeURIComponent 转义所有保留字符，用于参数值；encodeURI 保留 : / ? # & 等结构字符，让整条 URL 仍是合法 URL。

问：加号开关有什么用？ 答：HTML 表单把空格编码成 +，而标准百分号编码用 %20。开关按当前模式在两种写法之间转换。

问：解码报错是什么原因？ 答：被截断或孤立的百分号序列（如结尾的 %E4%BD）不是合法 UTF-8，无法解码 —— 工具会报出问题，而不是吐出替换字符。