FREE WEB TOOL

URLパーサー(構成要素を分解)

URLをprotocol・host・port・path・query・fragmentに分解して表示します。

使う

🔒 入力内容はブラウザ内で処理します。

使い方

長いURLのhost、path、queryを分けて見たいときに使います。元データを残したまま試すと安心です。

  1. URLを貼り付けます。
  2. 各構成要素とquery一覧を確認します。
  3. 必要な値だけコピーして利用します。

入力例・設定例

URL
https://example.com:8080/products?q=blue&lang=en#details

このツール、どんなときに使う?

URLは一続きに見えますが、scheme、host、path、query、fragmentに分かれています。広告計測やAPIデバッグでは、どこに何が入っているか分けるだけで原因が見えやすくなります。

ひとつ知っておくと分かりやすいこと

`?`以降のqueryと`#`以降のfragmentは役割が違います。見た目の区切りを知るだけで、URLの読み方がかなり楽になります。

ここで迷いやすいところ

  • パスワードやトークン入りURLを第三者へ共有しない。
  • percent-encodingをデコードした値も確認する。
  • 短縮URLは展開しないと最終hostが分からない。

例えば、こんな使い方です

UTM付きURLを分解して、`utm_source`や`utm_campaign`が意図した値になっているか確認します。