拆分 URL 的協定、主機、路徑、查詢參數、hash 與 origin，便於除錯重新導向。
輸入 / 輸出
輸入、輸出與複製操作集中在這個主要區域。範例和檢查內容放在下方。
本機工作階段
輸入狀態只保存在此瀏覽器中，可在無帳號時恢復上次工作區。
完成主要輸入/輸出流程後，再開啟需要的範例、檢查清單與相關工具。
https://example.com/tools?q=json#topURL 範例
分享前檢查 host、path、query、tracking 與 canonical 複製訊號。
協定
https:
主機
www.bobob.app
路徑段
2
tools / json-formatter
Query 參數
2
Tracking 參數
1
Fragment
#top
複製到文件或 metadata 前檢查重複、空值與 tracking 值。
qjsonutm_sourcedocsTrackingCanonical 候選
https://www.bobob.app/tools/json-formatter
整理 URL
https://www.bobob.app/tools/json-formatter?q=json
可複製輸出
{
"href": "https://www.bobob.app/tools/json-formatter?q=json&utm_source=docs#top",
"protocol": "https:",
"origin": "https://www.bobob.app",
"hostname": "www.bobob.app",
"port": null,
"pathname": "/tools/json-formatter",
"pathSegments": [
"tools",
"json-formatter"
],
"search": "?q=json&utm_source=docs",
"queryParameters": [
{
"key": "q",
"value": "json",
"tracking": false
},
{
"key": "utm_source",
"value": "docs",
"tracking": true
}
],
"hash": "#top",
"cleanUrl": "https://www.bobob.app/tools/json-formatter?q=json"
}