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

URL 解析器會將任何 Web 位址拆分為瀏覽器看到的部分:方案、憑證、主機和連接埠、路徑、查詢字串和片段。 與其瞇著眼睛看滿是百分號和符號的長鏈結,不如按出現的順序,您會得到一個標記的細分和每個查詢參數的解碼表。
URL 的結構比看起來更結構化。它遵循 WHATWG URL 標準(瀏覽器使用的規則相同),並為每個元件定義了語法。透過眼睛閱讀它很容易出錯:雜散問號、編碼斜線或重複參數很容易被錯過,而這些正是破壞路由、追蹤或 API 呼叫的細節。該工具使用瀏覽器自己的 URL 引擎,因此您看到的是瀏覽器將解析的內容。
一切都發生在您的瀏覽器中。 貼上一個帶有追蹤參數的連結、一個有十幾個查詢值的 API 端點,或一個裸域,解析器會在本地解析它。 沒有上傳任何東西,因此可以安全地檢查包含令牌、會話 ID 或內部主機名稱的 URL。 載入頁面後,它可以離線工作。
解析遵循WHATWG URL 標準,這是瀏覽器實現的標準,它比人們想像的更加寬容:它將標準化缺少的方案,折疊路徑中的點段,並將主機小寫,因為主機不區分大小寫,而路徑不區分大小寫。兩個區域回報注意力。國際化域被儲存為 punycode,因此西里爾文或中文主機以自己的腳本顯示並以以 xn- 開頭的 ASCII 字串形式傳輸,而這兩種形式是同一主機。百分比編碼僅在上下文中才有意義:路徑段內編碼為 %2F 的斜線是資料而不是分隔符,這正是在一遍中解碼整個 URL 然後重新解析它給出錯誤答案的原因。
放入完整的 URL,例如 https://[email protected]:8443/path?q=1#top。像 example.com/page 這樣的裸域也有效 - 當沒有給出方案時,解析器假設 https://。
方案、主機、主機名稱、連接埠、路徑、搜尋和片段分別列出,每個都有複製按鈕,以及有效的連接埠和頂級網域。
查詢字串中的每個鍵值對都以原始順序在表中解碼,重複的鍵保存為單獨的行。
將任何單一元件、解碼查詢作為 JSON 複製,或將整個規範化 URL 複製到其他地方。
方案、使用者名稱、密碼、主機名稱、連接埠、路徑、查詢和片段都被隔離並標記,與 WhatWG URL 模型瀏覽器使用的模型相符
查詢參數被解析並百分比解碼到可讀的表中,保留順序並將重複的鍵保持為不同的行,而不是將它們折疊起來
當 URL 省略其連接埠時,解析器會顯示該方案的有效連接埠 - https 為 443,http 為 80,ssh 為 22 - 並標記它是預設連接埠
貼上一個像 example.com/pring 這樣的裸主機 解析器假設 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!