URLパーサー

使い方

1. 1 任意のURLを貼り付けます — http、https、ftp、ws、mailtoなど。
2. 2 Componentsの表にscheme、認証情報、host、port、path、query、hashが表示されます。
3. 3 Query parametersの表は検索文字列をデコード済みのkey / valueの行に分解します。
4. 4 任意の構成要素の「Copy」を押すとクリップボードにコピーされます。

このツールを使う理由

• ブラウザ標準のURLパーサーを使用しているため、fetch()やアドレスバーと同じルールで動作します。
• path、hash、クエリの値のパーセントエンコーディングをデコードして読みやすくします。
• URLが無効な場合は画面上ですぐにエラーを表示します — 予期しないnullが発生しません。
• URLをサーバーにアップロードしないため、トークンや機密性の高いクエリ文字列の確認に最適です。

よくある質問

URLパーサー とは？

URLパーサーは、ブラウザ上でURLをその構成要素に分解し、scheme、認証情報（credentials）、host、port、path、query、hashを明確に区別するツールです。クエリ文字列のパーセントエンコーディングをデコードし、各パラメータをkey-valueのペアとしてライブ表示するテーブルに一覧化することで、Webアドレスの各部分を手動で分解することなく確認できます。

機能

例

https://user:pw@example.com:8080/search?q=hello%20world&page=2#results

scheme: https · host: example.com · port: 8080 · path: /search
query: q="hello world", page="2" · hash: results

主な用途

1. 1

   トラッキングリンクのデバッグ

   マーケティングやリダイレクト URL の UTM やその他のクエリパラメータを調べます。

2. 2

   クエリ値の抽出

   長い URL から手動で分割することなく、トークン、id、コールバック値を取り出します。

3. 3

   URL 構造の検証

   生成された URL が期待どおりの host、port、path を持っているかを確認します。

参考文献

• URL 標準 — WHATWG
• RFC 3986 — Uniform Resource Identifier (URI): 汎用構文 — IETF
• URL — Web API — MDN

基礎を学ぶ

使い方ガイド

関連ツール