⌘K でツールを切替
NETWORK · HTTP

URLパーサー&アナライザー

URLの各コンポーネントを解析・表示します。

local
url-parser
§01 このツールについて

概要

ブラウザの標準準拠 URL API でURLを解析し、ProtocolHostHostnamePortPathQueryFragmentOrigin の各 コンポーネントを一覧表示するツールです。クエリ文字列はさらにパーセントデコード 済みのキー/値テーブルに展開されます。リダイレクト・OAuthコールバック・UTMタグ・ 署名付きURLのデバッグに便利です。

使い方

  1. URL フィールドに、スキーム(https:// など)を含む完全なURLを貼り付けます。
  2. コンポーネント一覧を確認します。該当なしの項目は (default)(none) と表示されます。
  3. クエリ文字列がある場合は、Query parameters テーブルで各ペアを確認します。

使用例

  • https://[email protected]:8080/path?a=1&b=2#top → Protocol https:、Host example.com:8080、Port 8080、Path /path、Fragment #top、パラメータは a=1b=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はスペースになり、同名キーの繰り返しは別々の行として表示されます。