什么是 URL 编码？

URL 编码（也称为百分号编码）是一种将特殊字符转换为 URL 安全格式的编码方式。在 URL 中，某些字符具有特殊含义（如 ?、&、=、# 等），如果要在 URL 中传递这些字符作为数据，需要进行编码。

URL 编码使用百分号（%）后跟两个十六进制数字来表示特殊字符，例如：

空格 → %20 或 +
中文字符 → %E4%B8%AD（UTF-8 编码）
& → %26
= → %3D

如何使用 URL 编码解码工具？

访问 URL 编码解码工具页面，工具提供三种功能：

1. URL 编码

将文本转换为 URL 编码格式：

选择「URL 编码」标签页
在输入框中输入要编码的文本
系统自动使用 encodeURIComponent 进行编码
可以复制编码结果

编码示例：

输入文本：Hello World
URL 编码：Hello%20World

输入文本：你好世界
URL 编码：%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C

输入文本：key=value&name=test
URL 编码：key%3Dvalue%26name%3Dtest

2. URL 解码

将 URL 编码的字符串还原为原始文本：

选择「URL 解码」标签页
在输入框中输入 URL 编码的字符串
系统自动使用 decodeURIComponent 进行解码
可以复制解码结果

解码示例：

URL 编码：Hello%20World
解码结果：Hello World

URL 编码：%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C
解码结果：你好世界

3. URL 参数解析

解析完整 URL 或 QueryString，提取各个组件：

选择「URL 参数解析」标签页
输入完整 URL 或 QueryString
系统自动解析并显示各个组件

解析结果包含：

协议：http、https 等
主机：域名和端口
路径：URL 路径部分
查询参数：解析后的键值对列表
锚点：URL 中的 hash 部分

解析示例：

输入 URL：https://example.com/page?id=123&name=test#section

解析结果：
- 协议：https:
- 主机：example.com
- 路径：/page
- 查询参数：
  * id = 123
  * name = test
- 锚点：#section

工具功能特点

1. 标准编码解码

使用 JavaScript 标准的 encodeURIComponent 和 decodeURIComponent 方法：

符合 URL 编码标准（RFC 3986）
正确处理 Unicode 字符（中文、日文、韩文等）
自动处理特殊字符和保留字符

2. 智能 URL 解析

支持多种输入格式：

完整 URL：https://example.com/page?id=123
QueryString：id=123&name=test
自动补全协议：输入 example.com 会自动添加 https://

3. 实时处理

输入内容后自动进行编码、解码或解析，无需点击按钮，提高工作效率。

4. 批量处理

支持快速复制和粘贴，可以方便地处理多个 URL 编码字符串。

使用技巧

1. 编码与解码的区别

URL 编码工具使用 encodeURIComponent，会对所有特殊字符进行编码：

包括 :、/、?、# 等字符
适用于编码 URL 参数值
不适合编码完整 URL（会破坏 URL 结构）

2. URL 参数解析

解析功能可以：

自动识别 URL 结构
提取所有查询参数为键值对
显示 URL 的各个组成部分
支持带锚点的 URL

3. 处理中文和特殊字符

工具会自动处理：

中文字符使用 UTF-8 编码
特殊符号正确编码和解码
不会出现乱码问题

常见编码格式

不同字符的 URL 编码示例：

空格：%20 或 +
中文"你好"：%E4%BD%A0%E5%A5%BD
&：%26
=：%3D
?：%3F
#：%23
/：%2F

总结

URL 编码解码是 Web 开发中常用的数据处理方式。通过在线 URL 编码解码工具，你可以：

快速编码文本为 URL 安全格式
解码 URL 编码字符串，查看原始内容
解析完整 URL，提取协议、主机、路径、参数等信息
处理中文和特殊字符，自动使用 UTF-8 编码
纯前端处理，数据不上传服务器，安全可靠

工具支持标准 URL 编码解码，智能 URL 解析，实时处理，是开发者的实用工具。

URL 编码解码工具使用指南：在线 URL 编码、解码和参数解析