跳至正文

URL 参数解析器

分析 URL 并提取参数,结构化显示。

Loading...

主要功能​

  • URL 组件分析: Protocol、Hostname、Port、Path、Hash 等
  • 查询参数提取: 以表格显示所有 key=value 对
  • 编码/解码: 确认 URL 编码的值
  • 复制功能: 将每个参数值复制到剪贴板
  • 提供示例 URL: 用示例 URL 快速测试

URL 的结构​

https://example.com:8080/search?q=javascript&sort=date&page=2#results
  ↓       ↓         ↓      ↓                ↓                  ↓
protocol hostname  port  path          query params         hash

组件说明​

  1. Protocol (https:)

    • 通信协议 (http、https、ftp 等)

  2. Hostname (example.com)

    • 域名或 IP 地址

  3. Port (:8080)

    • 端口号 (默认: HTTP 是 80, HTTPS 是 443)

  4. Pathname (/search)

    • 资源路径

  5. Query Parameters (?q=javascript&sort=date&page=2)

    • 问号(?) 后的 key=value 对
    • 多个参数用 & 符号分隔

  6. Hash (#results)

    • 片段标识符, 页面内特定位置

查询参数格式​

基本格式​

?key=value

多个参数​

?key1=value1&key2=value2&key3=value3

数组格式​

?color=red&color=blue&color=green

需要编码的情况​

?name=John+Doe&message=Hello%20World%21

URL 编码​

特殊字符无法直接在 URL 中使用,需要编码:

字符编码说明
空格%20 或 +空格
!%21感叹号
#%23井号
$%24美元符号
%%25百分号
&%26&符号
=%3D等号
?%3F问号

使用场景​

  1. API 测试: 分析 API 端点 URL
  2. 调试: 确认 URL 参数错误
  3. SEO 分析: 检查 URL 结构
  4. 开发: 测试 URL 解析逻辑
  5. 教育: 理解 URL 结构

示例 URL​

搜索页面​

https://search.example.com/results?q=javascript&category=tutorial&sort=date&page=1

带过滤器的购物网站​

https://shop.example.com/products?category=electronics&brand=samsung&price_min=100&price_max=500

带跟踪参数的营销链接​

https://example.com/page?utm_source=google&utm_medium=cpc&utm_campaign=spring_sale

OAuth 回调 URL​

https://app.example.com/callback?code=abc123&state=xyz789

注意事项​

  • 不要在 URL 参数中暴露敏感信息(密码、令牌等)
  • URL 长度有限制 (浏览器不同, 一般为 2000 字符)
  • 特殊字符必须编码
  • 用 POST 请求传输大量数据更安全

相关工具​

💬 这个工具对您有帮助吗?​

如果您觉得 URL 参数解析器有用,请分享给其他开发者!

隐私保护​

此工具完全在浏览器客户端运行。您输入的所有数据都不会发送到服务器,仅在浏览器中处理。