URL解析ツールとは
URL文字列をブラウザ標準のWHATWG URL APIで解析し、構成要素とクエリパラメータを読みやすく表示するツールです。URL先への通信、存在確認、HTTP status確認は行いません。
URLの構成要素
https://example.com:8080/products?id=123#detail は、Protocolが https:、Hostが example.com:8080、Pathnameが /products、Queryが ?id=123、Fragmentが #detail です。
protocolとは
URL先頭のschemeです。HTTPやHTTPS以外にも、ブラウザのURL APIが解析できる mailto: や file: などがあります。本ツールはschemeを実行しません。
hostとhostnameの違い
Hostはhostnameとportを合わせた値です。例えば example.com:8080 がHost、portを含まない example.com がHostnameです。
pathnameとは
originより後、queryより前にあるパス部分です。主表示にはURL APIの pathnameをそのまま使用し、補助表示ではスラッシュ単位のsegmentを安全にdecodeします。
query parameterとは
?id=123&color=red には、id = 123 と color = red という2つのparameterがあります。?tag=red&tag=blue のような重複キーも、順序を変えず1件ずつ表示します。
fragmentとは
#detail のようにハッシュ記号から始まるURL末尾の部分です。URL全体解析ではqueryと分けて表示し、外部通信には使用しません。
クエリパラメータを分解する方法
- URL全体、またはクエリ文字列だけのモードを選びます。
- URLやqueryを入力します。
- raw queryとdecode後のキー・値を比較します。
- 必要な項目をコピーボタンでコピーします。
q=a+b はURLSearchParamsの規則で a b、q=a%2Bb は a+b になります。%2520 は1回だけdecodeされ、%20として表示されます。
URLエンコードとクエリ解析の違い
URLエンコードは文字列をpercent-encodingへ変換する処理です。このページはURL構造を解析するためのツールです。文字列そのものの変換にはURLエンコード・デコードをご利用ください。