URL パーサー
- プロトコル
- https
- ユーザー名
- user
- パスワード
- pass
- ホスト名
- example.com
- ポート
- 8080
- ホスト(host:port)
- example.com:8080
- パス
- /path/to/page
- クエリ文字列
- q=hello&lang=en
- フラグメント
- section-2
- オリジン
- https://example.com:8080
パスのセグメント
- path
- to
- page
クエリパラメータ
- q
- hello
- lang
- en
使い方
解析したい URL を入力欄に貼り付けると、各構成要素(プロトコル、ホスト、ポート、パス、クエリパラメータ、フラグメント)が即座に分解されて表示されます。クエリパラメータは key=value のペア形式でもデコード結果として展開されます。
URL の構造
URL は `protocol://username:password@hostname:port/path?query#fragment` の形式で構成されます。各部分には固有の役割があり、サーバーへのアクセス(プロトコル + ホスト + ポート)、リソースの特定(パス)、追加情報(クエリパラメータ)、ページ内位置(フラグメント)として機能します。本ツールはブラウザ標準の URL API を使って正確に分解します。
活用シーン
- 複雑な URL(OAuth コールバック、トラッキング付きシェアリンクなど)からクエリパラメータだけを取り出したい場面
- 認証情報(user:pass)が URL に含まれているか確認
- フラグメント(# 以降)と検索文字列(? 以降)の境界を視覚的に確認
- 正規化前後の URL の差分確認(パスの末尾スラッシュ等)
- 自前の URL バリデーションロジックの動作確認
プライバシー
すべての URL 解析はブラウザ内の URL API で行われ、入力された URL がサーバーに送信されることはありません。認証情報を含む URL を貼り付ける場合も、画面共有中でなければ外部に漏れる経路はありません。