🌐 JA

🔗 URLパーサー

URLを貼り付けると、ブラウザ標準のURL APIを使ってプロトコル・ホスト・ポート・パス・クエリ文字列・ハッシュ(フラグメント)に即座に分解します。クエリパラメータはキーと値の表として整理し、各値の生の値とパーセントデコード後の値を並べて表示します。

ガイド

詳しく見る

01

1. URLの構造

URLはscheme://user:pass@host:port/path?query#hashという形式で構成されます。scheme(プロトコル)はhttp、https、ftpなどリソースへのアクセス方法を示し、hostはサーバーのドメインまたはIP、portは接続ポート(省略時はプロトコルごとの既定ポートが適用される: httpは80、httpsは443)、pathはサーバー上のリソースの位置、queryはサーバーに渡すキーと値のパラメータ、hash(フラグメント)はブラウザ内でのみ使われサーバーには送信されないドキュメント内の位置情報です。このツールはブラウザ標準のURL APIを使ってこれらすべてを正確に分解して表示します。

02

2. クエリパラメータとパーセントエンコーディング

クエリ文字列には、スペースや非ASCII文字、予約文字を安全に含めるためパーセントエンコーディングが使われます(スペースは%20または+、非ASCII文字はUTF-8バイトとして%XXの形式になります)。ブラウザのURLSearchParamsはこれを自動的にデコードし、人が読める値として返します。このツールは生の値(URLに実際に書かれたそのままの形)とデコード後の値を並べて表示するため、二重エンコーディングや予期しない文字をすぐに発見できます。

03

3. ポートの既定値とオリジン

URLにポートが指定されていない場合、プロトコルごとの既定ポートが暗黙的に適用されます(httpは80、httpsは443、ftpは21など)。ブラウザのURL.portプロパティは既定ポートの場合は空文字列を返すため、このツールはその場合に明示的にその旨を表示します。オリジン(protocol + hostname + port(非標準の場合のみ))は、CORSやクッキー、localStorageなどブラウザのセキュリティポリシーの基準となる重要な概念です。

よくある質問

入力したURLはサーバーに送信されますか?
いいえ。解析はブラウザのURL APIを使ってローカルで完結し、どのサーバーにも送信されません。
なぜURLが無効と表示されるのですか?
ブラウザのURL APIは相対パスや形式の崩れた文字列を解析できません。http:// や https:// などスキームを含む絶対URLを入力してください。
同じクエリキーが複数回現れるとどうなりますか?
URLSearchParamsは同じキーが複数回現れることを許容します(例: ids=1&ids=2)。このツールは出現順にすべてのキーと値のペアを表の別々の行として表示します。
パスワードを含むURLを貼り付けても安全ですか?
処理自体はブラウザ内でローカルに完結しますが、URLに認証情報(username:password@host形式)を含めること自体がセキュリティ上推奨されません。このツールは学習・デバッグ目的でその構成要素も表示しますが、本番環境のURLに平文のパスワードを含めることは避けてください。