DevToolBox免费
博客

URL 在线编码

将文本编码为安全的 URL 格式。在 encodeURIComponent 和 encodeURI 模式之间切换,输入时实时编码。

URL 编码(百分号编码)将 URL 中不允许的字符转换为百分号编码格式(%XX)。此免费在线 URL 编码器同时支持 encodeURIComponent 和 encodeURI,输入时实时编码。

encodeURI 与 encodeURIComponent 对比

JavaScript 提供两个 URL 编码函数,它们编码的字符不同。根据使用场景选择正确的函数。

encodeURI()

编码完整 URL(保持结构:://?#&=)

encodeURIComponent()

编码 URL 组件(查询参数值、路径片段)

字符encodeURIencodeURIComponent
space%20(编码)%20(编码)
!!(不编码)!(不编码)
##(不编码)%23(编码)
$$(不编码)%24(编码)
&&(不编码)%26(编码)
++(不编码)%2B(编码)
,,(不编码)%2C(编码)
//(不编码)%2F(编码)
::(不编码)%3A(编码)
;;(不编码)%3B(编码)
==(不编码)%3D(编码)
??(不编码)%3F(编码)
@@(不编码)%40(编码)

FAQ

URL 为什么需要编码?
URL 只能包含有限的 ASCII 字符集。空格、非 ASCII 字符(中文、阿拉伯语、表情符号)和作为数据使用的保留字符(&、=、?、#)必须进行百分号编码才能安全传输。
encodeURI 和 encodeURIComponent 有什么区别?
encodeURI 编码完整 URL,同时保留 URL 结构字符如 :、/、?、#、& 和 =。encodeURIComponent 编码除 A-Z、a-z、0-9、-、_、.、!、~、*、'、(、) 之外的所有字符。对完整 URL 使用 encodeURI,对单个查询参数值使用 encodeURIComponent。
URL 中空格怎么编码?
在标准 URL 编码(RFC 3986)中,空格编码为 %20。在 HTML 表单数据中,空格也可以表示为 +。encodeURIComponent 总是将空格编码为 %20。手动构建查询字符串时,%20 是最安全的选择。
𝕏 Twitterin LinkedIn

评价此工具

3.7 / 5 · 147 人评价

保持更新

获取每周开发技巧和新工具通知。

无垃圾邮件,随时退订。

Enjoy these free tools?

Buy Me a Coffee