无需登录 数据私有 本地保存

URL参数可视化提取 - 分层解析查询串

12
0
0
0
示例：

输入 URL 或查询字符串，自动分层解析参数

常见问题与知识点

URL查询参数是URL中问号(?)之后的部分，用于向服务器传递键值对数据。多个参数之间用&符号分隔，每个参数由=连接键名和键值。例如在 https://example.com/search?q=hello&page=1 中，q=hello&page=1 就是查询字符串，包含了 q 和 page 两个参数。

URL编码是一种将特殊字符转换为%XX格式的机制（XX为十六进制值），确保URL能被安全传输。例如空格被编码为%20，中文"你好"被编码为%E4%BD%A0%E5%A5%BD。这是因为URL只能使用ASCII字符集中的特定字符，任何超出范围的字符都必须编码。本工具会自动解码这些字符，让你看到原始的可读内容。

许多Web框架（如PHP、Ruby on Rails）支持在查询参数中使用方括号表示嵌套结构。例如 user[name]=John&user[age]=25 表示一个名为 user 的对象，包含 name 和 age 属性。更深层的嵌套如 user[address][city]=NYC 表示多层对象。本工具会自动识别并分层展示这些嵌套关系，以树形结构呈现。

当同一个参数名出现多次时（如 color=red&color=blue&color=green），通常会被解析为一个数组。不同的后端框架处理方式略有不同：有些使用 color[]=red&color[]=blue 的显式数组语法，有些则直接重复参数名。本工具会将重复参数自动归类为数组结构展示。

在 application/x-www-form-urlencoded 编码规范中，加号(+)代表空格。例如 q=hello+world 实际表示 hello world。这是HTML表单提交时的默认编码方式。本工具在解码时会自动将+转换为空格，同时使用decodeURIComponent解码百分号编码字符，确保完整还原原始数据。

常见使用场景包括：① 调试API请求——快速查看请求参数是否按预期编码；② 分析追踪链接——解析UTM参数、追踪码等营销参数；③ 学习URL结构——帮助初学者理解URL各组成部分；④ 处理复杂嵌套参数——可视化PHP/Rails风格的嵌套查询串；⑤ 解码混淆的URL——还原被多重编码的URL，发现隐藏信息。

现代浏览器提供了URLSearchParams API来安全解析查询字符串：
const params = new URLSearchParams(window.location.search);
params.get('key'); // 获取单个值
params.getAll('key'); // 获取重复参数的所有值
此API自动处理URL解码，是最推荐的方式。对于不支持的环境，可使用polyfill或手动解析。

HTTP协议本身没有限制URL长度，但不同浏览器和服务器有各自的限制：Chrome约2MB，Firefox约64KB，IE约2048字符，Apache默认约8190字符，Nginx默认约4KB-8KB。一般建议将URL总长度控制在2000字符以内以确保兼容性。如需传递大量数据，推荐使用POST请求的请求体。
🔧 相关工具