| Key | Value (decoded) |
|---|---|
| color | red |
| size | 42 |
| size | 43 |
| q | trail runner |

URL 解析器获取任何网址,并将其分割为浏览器看到的部分:方案、凭据、主机和端口、路径、查询字符串和片段。 您不会斜眼看一个充满百分号和符号的长链接,而是按它们出现的顺序获得一个标记的细分和每个查询参数的解码表。
URL比看起来更有结构化,它遵循WHATWG URL标准- 浏览器使用的规则相同- 每个组件都有一个定义的语法,用眼睛读取它很容易出错:一个杂散的问号,一个编码的斜杠,或者一个重复的参数很容易错过,而那些正是打破路由,跟踪或API调用的细节。这个工具使用浏览器自己的URL引擎,所以你看到的是浏览器会解析的内容。
一切都发生在您的浏览器中。 粘贴包含跟踪参数的链接、具有十几个查询值或裸域的 API 端点,解析器将其本地解析。 没有上传任何内容,因此可以安全地检查包含令牌、会话 ID 或内部主机名的 URL。 页面加载后,它可以脱机工作。
WHATWG URL标准进行解析,这是浏览器实现的,它比人们假设的更宽容:它会规范一个缺失的方案,在一个路径中折叠点段,并使主机小写,因为主机不区分大小写,而路径不是两个区域来回报关注。国际化的域被存储为punycode,因此西里尔字母或中文的主机以自己的脚本显示,并以ASCII字符串开头的样子行进xn--,而这两种形式是同一台主机。而百分比编码仅在上下文中才有意义:在路径段内编码为%2F的斜线是数据而不是分隔符,这正是为什么一次解码一个整块URL,然后重新解析它会给出错误答案的原因。
掉 https://user@example。com:8443/path?q=1#top。example。com/page 这样的裸域也有效 - 当没有给出方案时,解析器假设 https://。
scheme、host、hostname、port、path、search、fragment分别列出,每个都有一个copy按钮,加上有效的端口和顶级域。
查询字符串中的每个键值对都以原始顺序在表中解码,重复键保留为单独的行。
将任何单个组件、解码查询作为 JSON 或整个标准化 URL 复制以在其他地方重用。
scheme、username、password、hostname、port、path、query、fragment 各自隔离并标注,与浏览器使用的whatwg url 匹配
查询参数被解析并解码成可读表,保留顺序并将重复的键保留为不同的行,而不是折叠它们
URL 省略其端口时,解析器会显示该方案的有效端口 - https 为 443,http 为 80,ssh 为 22 - 并标记它是默认值
粘贴一个裸主机,如 example.com/pricing 解析器假设 https://因此您不必每次都输入方案,并告诉您它这样做了
Parse a URL query string into structured JSON, or build a query string from a JSON object. Handles repeated keys, bracket arrays, and encoding. 100% client-side.
Turn any title or text into a clean, SEO-friendly URL slug - with accent transliteration, hyphen or underscore separators, stop-word removal, and batch mode.
Build tagged campaign URLs for Google Analytics 4 with utm_source, utm_medium, utm_campaign, utm_term and utm_content - plus channel prediction, tagging warnings, batch mode and CSV export.
Preview how your link will look on Facebook, X, LinkedIn, Slack, and Discord, validate your og: tags, and copy a correct meta block
0 comments
No comments yet. Be the first to share your thoughts!