AZ Tools

URL パーサー

開発

URL を貼り付けるとパーツごとにラベル表示 — プロトコル・origin・ホスト名・ポート・パス・検索文字列・フラグメント。埋込資格情報(user:pass@)も別表示。クエリパラメータはデコードしてキー/値行に — 重複・エンコーディング確認可。ブラウザの WHATWG URL パーサー使用(Fetch・XHR と同一)— 表示通りコードが受け取る値。

プロトコル

https:

Origin

https://example.com:8080

ホスト名

example.com

ポート

8080

パス

/path/to/page

クエリ文字列

?q=hello&lang=en

ハッシュ

#section

ユーザー名

user

パスワード

pass

クエリパラメータ

キー
qhello
langen

ブラウザネイティブの URL API を使用。

使い方

  1. URL を貼り付け(スキーム必須、例: https://)。
  2. 各パーツを確認し、個別にコピー。
  3. クエリパラメータ表で各値を検証。

よくある質問

入力が失敗するのは?
URL にはスキームが必要。`example.com/path` はパース不可、`https://example.com/path` は OK。相対パス・プロトコル相対 URL(`//example.com`)もパース不可。
https://example.com の port が空なのは?
プロトコルのデフォルトポート(http=80, https=443)の場合、`URL.port` は意図的に空。実際は 443 に接続。
クエリパラメータはデコードされる?
はい。`%20` は空白、`%2F` は `/`。キー・値をコピーするとデコード済み形式。percent-encoded 原文が必要なら `search` 参照。
URL はどこかに送信される?
いいえ。パースはブラウザ内 WHATWG URL API のみ。

関連ツール