DevToys Web Pro iconDevToys Web Pro部落格
為我們評分:
試用瀏覽器擴充功能:

查詢字串解析器

範例查詢字串

已解析的查詢字串

有效的查詢字串
3 個參數
原始查詢字串:
param1=value1&param2=value%202&param3=test

查詢參數

鍵:param1
值:value1
複製為 key=value 配對
鍵:param2
值:value%202(已解碼: value 2)
複製為 key=value 配對
鍵:param3
值:test
複製為 key=value 配對

查詢字串輸入

  • Loading editor...
    技術細節

    查詢字串解析器的運作方式

    工具功能說明

    查詢字串解析器可從 URL 查詢字串中擷取並解碼各個參數,讓你輕鬆檢視、除錯並理解 URL 中傳遞的鍵值對。此線上查詢字串解析器可同時處理已編碼與已解碼的參數值,並在顯示原始編碼格式的同時,呈現解碼後的人類可讀值。當你需要解析像「?param1=value1&param2=value%202」這樣的查詢字串時,此工具會拆解每個參數,顯示編碼與解碼版本,並幫助你理解 URL 編碼如何影響資料。查詢字串解碼器在除錯 API 呼叫、分析 Web 請求或理解 Web 應用程式中資料如何透過 URL 傳遞時特別有用。不同於完整的 URL 解析器,此工具專注於查詢字串部分,因此在你只有查詢參數、缺少完整 URL 脈絡時尤其適合。

    常見的開發者使用情境

    開發者在除錯 API 端點、分析 Web 請求或理解資料如何透過 URL 參數流動時會使用查詢字串解析器。處理 REST API、以 GET 請求提交表單,或實作透過查詢參數傳遞篩選條件的搜尋功能時,查詢字串解析器是不可或缺的。許多開發者在除錯用戶端與伺服器端通訊、驗證 URL 編碼是否正確運作,或從複雜查詢字串中擷取特定參數時需要解碼查詢字串。此工具也有助於實作 URL 路由、在伺服器端程式碼中解析查詢參數,或理解框架如何處理 URL 參數的編碼與解碼。前端開發者使用此工具來驗證查詢字串的組成、測試參數編碼,或除錯以 URL 為基礎的狀態管理問題。查詢字串解碼器在使用分析工具、追蹤參數或實作內嵌狀態的可分享 URL 時也很有價值。

    資料格式、型別或變體

    查詢字串遵循標準 URL 編碼格式:以 & 符號(&)分隔的 key=value 鍵值對,並可選擇性以問號(?)開頭。參數名稱與值通常使用百分比編碼進行 URL 編碼(例如空白變成 %20,@ 變成 %40)。解析器可處理已編碼與未編碼的值,並將原始格式與解碼格式並排顯示。查詢字串可能包含重複的參數名稱(雖然多數解析器只保留最後一個值)、空值(key=&key2=value),以及需要編碼的特殊字元。有些查詢字串使用陣列記法(key[]=value1&key[]=value2)或物件記法(key[subkey]=value),這需要特殊的解析邏輯。此工具通常會以結構化格式顯示參數,針對每一組參數對呈現編碼後的鍵、解碼後的鍵、編碼後的值與解碼後的值。

    常見陷阱與邊界情況

    解析查詢字串時,請記住 URL 編碼可能很棘手:某些字元(如空白)可能會被編碼為 %20 或 +,解析器需要正確處理兩種格式。查詢字串中常見重複的參數名稱,但多數解析器(包含 URLSearchParams)只會保留最後一個值,因此你可能會遺失較早的值。空的參數值(key=)是有效的,應以空字串處理,而不是視為缺少參數。參數名稱或值中的特殊字元必須正確編碼,但某些字元如英數字與部分符號不需要編碼。查詢字串解析器應能優雅處理格式不正確的輸入,例如值中未編碼的 & 符號或不完整的 key-value 配對。請注意,不同系統對查詢字串解析的處理可能略有不同,特別是在重複鍵、陣列記法或巢狀物件記法方面。務必使用包含特殊字元、Unicode 字元與各種邊界情況的真實案例來測試你的查詢字串解析。

    何時使用此工具 vs 程式碼

    在需要快速除錯、測試參數編碼,或在開發期間手動檢視查詢字串時,可使用瀏覽器式的查詢字串解析器。這些工具非常適合理解查詢字串如何組成、驗證 URL 編碼行為,或從瀏覽器網址列複製的 URL 中擷取參數。對於正式環境應用程式,請使用 JavaScript 的原生 URLSearchParams API、Python 的 urllib.parse,或你所用程式語言中類似的內建解析函式庫。以程式碼為基礎的解決方案可進行程式化的查詢字串操作、與路由系統整合,並自動擷取參數。瀏覽器工具擅長互動式除錯與教學,而以程式碼為基礎的解決方案則能在應用程式邏輯中提供系統化、可重複的查詢字串處理。建議兩者並用:開發與除錯使用瀏覽器工具,正式功能使用程式碼解決方案。