跳到工具區
Web 開發

URL 解析與查詢參數編輯工具

拆解、編碼、解碼、正規化或解析 URL,並比較原始輸入與 WHATWG 平台序列化結果。

Web Worker 僅在本機處理工具
輸入0 個字元
結果0 個字元
就緒

精準解析 · 有意識地正規化

URL 語意可能相近,原始位元組卻已不同。

Inspect 與 normalize 會用 WHATWG URL 處理文字;相對 reference 先套用內部 inspection base,再只輸出 path、query 與 fragment。Resolve 則需要你提供 base URL。整個流程不查 DNS、不發 HTTP,也不判斷遠端網站是否安全。

Raw · 貼上時的原始拼法https://User:pa%24%24@例子.test:8443/a%2Fb/c%20d?tag=red+shoes&tag=web#Top%2FSection
Normalized · 平台序列化結果https://User:pa%24%[email protected]:8443/a%2Fb/c%20d?tag=red+shoes&tag=web#Top%2FSection

主機名稱已序列化成 punycode。preserveRaw 只控制 inspect 報告是否顯示 Raw 行,不會凍結 query 位元組,也不會改變 normalize 的輸出。

URL 結構

每個分隔符號都會改變 parser 狀態。

Schemehttps:

決定特殊 URL 規則與預設 port

UserinfoUser:••••@

可能被複製、記錄或意外洩漏

Hostnamexn--fsqu00a.test

Unicode host 會序列化成 ASCII

Port8443

非預設 port 也是 origin 的一部分

Path/a%2Fb/c%20d

%2F 仍位於同一個 path segment

Query?tag=…&tag=…

依原順序列出的 key/value pair

Fragment#Top%2FSection

不會放進 HTTP request target

把 query 視為有序 multimap

重複參數名稱本身就是有效內容。

若轉成一般 object,tag=red shoes 可能被 tag=web 覆蓋;URLSearchParams entries 會依序保留兩組 pair。

01tagred shoesURLSearchParams 會把加號讀成空白
02tagweb同名參數的第二個值
03empty空字串值
04flag只有 key 的拼法也會讀成空字串值
05next/billing?step=2值本身是一段巢狀 URL 文字

編碼規則對照

同一個字元放在不同 URL component,可能有不同含義。

空白red shoesred%20shoes

encode 使用 %20;form-style query 也可能使用 +

字面加號C++C%2B%2B

decodeURIComponent 不會把 + 轉成空白

Path 斜線a/ba%2Fb

path 模式只額外保留 : 與 @,不保留 /

Unicode host例子.testxn--fsqu00a.test

由 WHATWG URL 序列化 hostname

百分比符號50%50%25

再次編碼會得到 %2525

含敏感內容的 URL 檢查

看得懂,不代表適合寫進 log。

Userinfo

高風險

分享或記錄前自行移除 username 與 password。

Query 中的 access token

高風險

Query 可能進入 history、log 與分析系統。

簽章參數

位元組敏感

正規化、decode 或重排都可能讓 signature 失效。

Fragment 內容

Client-side

不送進 HTTP request target,仍可能經複製與頁面 script 外洩。

文字編輯前後差異

檢查一次文字編輯實際改了哪些位元組。

這個範例只改了最後一個位元組。調整 query、decode component、正規化 punycode 或 resolve 相對 reference 後,都要重新比較;工具不會替你驗證簽章。

Before?tag=red+shoes&tag=web&next=%2Fbilling%3Fstep%3D2
After · one byte edited?tag=red+shoes&tag=web&next=%2Fbilling%3Fstep%3D3

直接回答

什麼是 URL 解析與查詢參數編輯工具?

在瀏覽器本機以 WHATWG URL 拆解完整或相對網址,檢視重複 query、percent-encoding 與 punycode,並執行 encode/decode、normalize 或 base resolve;不發送網路請求。

它能做什麼?

  • 檢查
  • 正規化
  • 編碼
  • 解碼
  • 解析

如何使用 URL 解析與查詢參數編輯工具

  1. 01

    選擇任務

    在工作區選擇檢查、正規化、編碼、解碼和解析。

  2. 02

    提供輸入

    https://example.com/search?q=devsexy&lang=en#results。內容會留在瀏覽器端的處理流程中。

  3. 03

    檢查結果

    執行工具、檢查結果與診斷資訊;頁面提供複製或下載功能時,也能直接匯出。

常見問題

URL 解析與查詢參數編輯工具是什麼?
在瀏覽器本機以 WHATWG URL 拆解完整或相對網址,檢視重複 query、percent-encoding 與 punycode,並執行 encode/decode、normalize 或 base resolve;不發送網路請求。
URL 解析與查詢參數編輯工具能做什麼?
URL 解析與查詢參數編輯工具支援檢查、正規化、編碼、解碼和解析,所有模式都能直接在目前頁面使用。
URL 解析與查詢參數編輯工具會上傳我的資料嗎?
URL 解析與查詢參數編輯工具會在瀏覽器中處理輸入內容。DevSexy 不會增加上傳、登入或伺服器處理步驟。
DevSexy 會在瀏覽器中處理工具輸入:不追蹤貼上的內容、不需帳號,也不會上傳。