跳到主要内容

URL 解析器:协议、主机、路径、查询和锚点

把网址拆成协议、主机、端口、路径、查询和锚点,附带解码后的参数表,全程在浏览器里完成

  • 本地处理
  • 分类 开发运维
  • 适合 格式化、校验、压缩或检查和代码相关的文本。
在上面输入或粘贴一个网址,即可看到它的各部分。

这个工具能做什么

一个快速的在线 URL 解析器,把任意链接拆成各个结构部分:协议、 basic-auth 用户名和密码、主机名、端口、路径、查询字符串和锚点片段。 它用浏览器自带的 URL 引擎读取网址,所以拆出来的结果和浏览器、fetch 请求或服务端路由看到的完全一致。查询字符串会解析成清爽的键值表, 每个参数都替你做了百分号解码,"+" 还原成空格,像 tag=a&tag=b 这种 重复键会各占一行,不会被合并掉。任意一段都能一键复制,也可以把整份 结果当成格式化 JSON 一次拿走。另外还给出主机名按级拆分、路径按段 拆分,以及实时的参数个数。遇到非法输入,给的是友好提示而不是报错 崩溃。全部在浏览器本地运算,网址不离开你的标签页。

工具细节

输入
文本 + 结构化内容
页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
输出
即时结果 + 复制
结果区优先给出可操作结果,支持项会显示复制、下载或可视化预览。
隐私
浏览器本地处理
主工具逻辑未发现外部 API 调用,输入通常留在当前标签页内处理。
保存 / 分享
可分享链接状态
关键设置会进入 URL,复制链接后别人能复现同一组参数。
性能预算
首屏 JS ≤ 9 KB
没有声明 WASM 依赖,适合快速打开和移动端使用。
适用场景
开发运维 · 程序员
分类和职业标签用于推荐相关工具、组织内链,并帮助用户快速判断是否适合当前任务。

怎么用

  1. 1. 输入

    把内容粘贴或拖入工具面板。

  2. 2. 处理

    点击按钮,在浏览器内本地处理,文件不上传。

  3. 3. 复制 / 下载

    一键复制结果或下载到本地。

URL 解析器 适合怎么用

适合穿插在写代码、查问题、做 Review、上线前的小任务里。

适合开发场景

  • 格式化、校验、压缩或检查和代码相关的文本。
  • 把片段整理好再放进文档、工单、提交或交接材料。
  • 不切换工具,快速检查一个小 payload。

开发检查项

  • 压缩、混淆这类不可逆处理,先对副本操作。
  • 除非确认工具本地处理,不要粘贴密钥和敏感片段。
  • 转换后的代码上线前,仍要跑自己的测试或 lint。

下一步可以接着做

这些入口会把当前任务接到更完整的工具链里。

  1. 1 URL 编码 / 解码 把空格、中文、emoji 等特殊字符转 %xx 百分号编码,或反向解码 —— 浏览器本地 打开
  2. 2 Query String 与 JSON 互转 把 URL query string 解析成 JSON,或从 JSON 生成 query string —— 双向、实时、支持数组与嵌套对象约定 —— 全程浏览器本地 打开
  3. 3 URL 参数提取器 本地提取、去重、查看、复制和导出一个或多个 URL 的 query 参数。 打开

真实使用场景

  • 排查没正常触发的跟踪链接

    一条营销链接回来后归到了错误的活动,光看那串长字符串看不出原因。 粘进去,查询表就把 utm_source、utm_medium、utm_campaign 各列一行 并解码。你一眼看出 utm_campaign 是 "spring sale" 带了个没编码的 原始空格,或者多出来的第二个 utm_source 把前一个盖掉了。读两秒 胜过盯着 200 字符的链接眯眼找。

  • 看懂 OAuth 或重定向回调网址

    OAuth 和 SSO 流程会把用户在回调网址之间来回跳,里面塞满 code、 state、scope、redirect_uri,还常常被二次编码。把回调粘进来,每个 参数都解码分行显示,确认 state 和你发出去的一致,核对 redirect_uri 指向是否符合预期。在这里抓出对不上的 redirect_uri,省掉一长轮 "登录怎么死循环了" 的排查。

  • 上线前核对一条 API 请求网址

    把端点写死之前,粘上完整请求网址,确认主机、端口、路径和每个查询 参数都没错。主机分级和路径分段的拆解能让 /v2//search 多写的双斜杠、 或者误指到 staging 而非生产主机这类问题一目了然。把整理好的 JSON 直接复制进测试夹具就行。

  • 讲清楚一条网址的结构

    给学生或新同事讲 URL 的构成时,一个带标注的实时拆解比一张图更管用。 输入一条真实网址,指着协议、主机、端口、路径、查询、锚点逐个点亮, 再加一个 tag= 参数演示重复键怎么叠加。分享链接能原样打开你刚讲过的 那个例子。

常见踩坑

  • 以为查询参数只会出现一次。网址可以重复同一个键,比如 tag=a&tag=b,而代码里调 .get('tag') 只会悄悄取到第一个值。这个工具把每一次出现都单列一行,重复键改变行为的情况你不会漏掉。

  • 忘了值是百分号编码过的。原始查询里是 q=url%20parser 或 lang=%E4%B8%AD%E6%96%87,不是可读文本。照编码形式去比对会比错。表里给的是解码后的值,q 显示 "url parser",lang 显示 "中文"。

  • 把 host 和 hostname 搞混。host 字段带端口(example.com:8443),hostname 只是名字(example.com)。匹配 origin 或 CORS 规则时用错那个,会出现假的对不上。这里把两者分开显示。

隐私说明

解析全程在你的浏览器标签页里完成,用的是内置 URL 引擎和纯 JavaScript。 你粘贴的网址、拆出来的各部分、解码后的参数都不碰服务器,也不记录。 有一点要知道:分享链接会把你输入的网址放进本页自己的查询字符串里, 好让对方看到同样的解析结果,这意味着把 "分享链接" 粘到聊天里,对方 服务器的访问日志会留下那条网址。如果网址里带令牌或密钥,请用复制按钮 粘贴结果,而不是分享链接。

常见问题

类似工具组合

做你这行的人, 还会一起用这些。

Made by Toolora · 100% client-side · Updated 2026-05-29