调试查询参数
拆出一条长 URL 的每个参数,修改后直接复制重组地址。
使用指南
URL 工具包含两部分:一是直接调用浏览器原生 encodeURIComponent/decodeURIComponent 或 encodeURI/decodeURI 做字符串编解码;二是用原生 URL/URLSearchParams 拆解完整地址并编辑查询参数。解析不会访问目标网站。
更新于 2026-09-10约 2 分钟读完
% 转义会给出错误。URLSearchParams 规则重新序列化。| 输入 | 输出 | 说明 |
|---|---|---|
工具?a=1 组件编码 |
%E5%B7%A5...%3Fa%3D1 |
结构字符也编码 |
| 完整 URI 编码 | 保留 :/?=& 等结构 |
encodeURI 语义 |
%E5%B7%A5%E5%85%B7 |
工具 |
合法百分号转义 |
decodeURI* 遇到残缺 % 或非法 UTF-8 百分号序列会抛错,工具不会猜测修复。new URL() 接受的绝对地址;例如缺少 https:// 的裸域名会报格式错误。URLSearchParams.toString(),空格、重复键、转义形式可能被规范化,不能保证字节级原样往返。拆出一条长 URL 的每个参数,修改后直接复制重组地址。
在组件模式编码 redirect URI、搜索词等单个参数值,避免误破坏外层 URL 结构。
encodeURI 没有编码问号?因为它面向完整 URI,会保留结构字符;单个参数值应使用 encodeURIComponent。
不会,代码只在本地构造 URL 对象。
输入的 URL 与参数只在浏览器本地处理,不向其中的主机或第三方服务发送请求。
更新于 2026-09-10
URL 编码解码与链接解析,查询参数表格化编辑重组
解析链接各组成部分,查询参数可直接编辑并实时重组
| 协议 protocol | https: |
| 主机 host | example.com:8080 |
| 主机名 hostname | example.com |
| 端口 port | 8080 |
| 路径 pathname | /api/search |
| 锚点 hash | #results |
| 源 origin | https://example.com:8080 |