⌘K でツールを切替
NETWORK · HTTP
URLパーサー&アナライザー
URLの各コンポーネントを解析・表示します。
url-parser
§01 このツールについて
概要
ブラウザの標準準拠 URL API でURLを解析し、Protocol・Host・
Hostname・Port・Path・Query・Fragment・Origin の各
コンポーネントを一覧表示するツールです。クエリ文字列はさらにパーセントデコード
済みのキー/値テーブルに展開されます。リダイレクト・OAuthコールバック・UTMタグ・
署名付きURLのデバッグに便利です。
使い方
- URL フィールドに、スキーム(
https://など)を含む完全なURLを貼り付けます。 - コンポーネント一覧を確認します。該当なしの項目は
(default)や(none)と表示されます。 - クエリ文字列がある場合は、Query parameters テーブルで各ペアを確認します。
使用例
https://[email protected]:8080/path?a=1&b=2#top→ Protocolhttps:、Hostexample.com:8080、Port8080、Path/path、Fragment#top、パラメータはa=1とb=2。https://example.com/search?q=hello%20world→ パラメータq=hello world。
注意事項
入力は絶対URLである必要があります。/foo?bar=1 のような相対パスは、WHATWG URL
パーサーがスキームを必須とするため Invalid URL になります。解析ルールは
fetch やアドレスバーと同一なので、ここで見える結果はコードが見る結果と
一致します。
FAQ
貼り付けたURLはサーバーに送信されますか?
いいえ。解析はブラウザネイティブのURL APIで行われ、端末内で完結します。URLが送信されたりアクセスされたりすることはありません。文字列を解析するだけで、そのアドレスを訪問するツールではありません。
hostとhostnameの違いは何ですか?
hostnameはドメインのみ(example.com)、hostは明示的なポートを含みます(example.com:8080)。プロトコルのデフォルトポートを使うURLでは両者は同じ値になり、Portには「(default)」と表示されます。
クエリパラメータはパーセントデコードされますか?
はい。パラメータはURLSearchParamsで読み取るため、テーブルのキーと値はデコード済みで表示されます。%20はスペースになり、同名キーの繰り返しは別々の行として表示されます。