URL Parser

概要

• URLを、protocol・hostname・port・pathname・クエリパラメータ・hashといった構成要素へ分解して表示するツールです。

• ブラウザ標準のURL APIを使用しているため、実際のブラウザやNode.jsでのURL解釈と同じ結果が得られます。

• 同じキーのクエリパラメータが複数ある場合も、すべての組み合わせを個別に一覧表示します。

使い方

1. 1

   入力欄に解析したいURLを入力します。

2. 2

   「解析する」ボタンをクリックします。

3. 3

   protocol・hostname・pathname・クエリパラメータなどの構成要素が表示されます。

入力例・出力例

https://example.com:8080/users?id=123&name=taro#profile

protocol: https:
hostname: example.com
port: 8080
pathname: /users
queryParams: id=123, name=taro
hash: #profile

利用シーン

• 長く複雑なURLから、特定のクエリパラメータの値だけを素早く確認する

• リダイレクト先URLやAPIエンドポイントの構成要素（ホスト名・パスなど）を分解して検証する

• URLの構造をドキュメントや調査メモに記録するため、構成要素を一覧化する

よくある質問

注意点

• protocol（https://など）を含まないURLはエラーになります。相対URLではなく完全なURLを入力してください。

• 認証情報（username・password）を含むURLは、ブラウザの仕様上、非推奨（deprecated）の書式です。実運用での使用は避けてください。

• 入力したURLはページ上にのみ保持されます。再読み込みすると失われます。