URL 解析器
在瀏覽器把網址拆成 protocol、host、port、path、query 參數與 hash,並顯示參數解碼值,可匯出 JSON。
輸入網址
輸入基礎網址即可解析 /products/item 等相對路徑。
網址組成
輸入網址以查看組成。
URL 解析器在看什麼
URL 不是一整串文字,而是固定幾個欄位組成:scheme、host 與 port、path、query string、fragment。解析器把它們分開,你才能確定伺服器實際收到哪一段;排查轉址、緩存鍵或追蹤連結時,這通常是第一步。
query 參數值得單獨看。同一個值在網址裡常以 %E4%BD%A0 這種百分號編碼出現,解碼後才是「你」。因此本頁把原始值與解碼值並排顯示。# 之後的 fragment 從不會送到伺服器,這也是常見的誤解來源。
如何解析 URL
- 把完整網址貼進輸入框;如果是相對路徑,再把它所依據的頁面網址填進選填的 base 欄位。
- 按「解析 URL」。
- 先看「欄位」表確認 protocol、host、port、path、search 與 hash,再看「Query 參數」表的解碼值。
- 需要整份結果時,用「複製 JSON」或「下載 .json」帶進問題回報或腳本。
URL 解析範例
多個參數的追蹤連結
https://shop.example.com/orders?utm_source=mail&utm_campaign=spring#top
host 為 shop.example.com、path 為 /orders、兩個已解碼的 query 參數、hash 為 #top
含中文的百分號編碼參數
https://example.com/search?q=%E4%BD%A0%E5%A5%BD
Query 參數表中原始值 %E4%BD%A0%E5%A5%BD 解碼為「你好」
相對路徑搭配 base
/blog/post-1,base 為 https://example.com/blog/index.html
先解析成 https://example.com/blog/post-1,再列出各欄位
UrsaKit 與其他 URL 工具比較
| 比較項目 | UrsaKit | urlencoder.org | browserling | urlparser.com |
|---|---|---|---|---|
| 價格 | 免費,免註冊 | 免費 | 免費,有次數限制 | 免費 |
| 執行位置 | 你的瀏覽器 | 你的瀏覽器 | 對方伺服器 | 對方伺服器 |
| 拆解成欄位 | 有 | 無 | 無 | 有 |
| 參數解碼值 | 有 | 僅解碼 | 僅解碼 | 部分 |
| 相對網址 | 有,可填 base | 無 | 無 | 無 |
| 匯出 JSON | 有 | 無 | 無 | 無 |
常見問題
常見問題
這個 URL 解析器要收費嗎?
不用。解析、欄位表、複製 JSON 與下載都免費,也不需要註冊。
我的網址會被上傳嗎?
不會。網址由瀏覽器內置的 URL 物件解析,不會離開你的裝置。
跟 URL 解碼有什麼不同?
URL 解碼只把字串裡的百分號還原;本頁會把網址拆成各欄位,並同時顯示每個 query 參數的原始值與解碼值。
可以解析相對網址嗎?
可以,只要填 base URL。結果與 JavaScript 的 new URL(relative, base) 一致。
遇到 a=1&a=2 這種重複參數怎麼辦?
兩筆都會依原始順序保留,各自顯示一列,與 URLSearchParams.getAll() 的行為相同。
為什麼 port 或 hash 是空的?
port 為空代表使用 scheme 預設值(http 為 80、https 為 443);hash 為空代表網址沒有 fragment。