URLを貼り付けると、各構成要素に分解して表示します。
機能の説明
URL Inspector は、任意の URL を WHATWG が定義するすべてのコンポーネントに分解します。scheme/protocol、origin、host、hostname、port、pathname、search 文字列、
hashhashA one-way function that maps data of any size to a fixed-length digest. Same input, same digest; any change, different digest; not reversible.
、そして埋め込まれた認証情報です。さらに、ブラウザーの URL パーサーが隠しているシグナルも表面化させます。ポートがその scheme のデフォルトか(例:https → 443)、接続がセキュアか、URL がサイトのルートだけか、といった点です。クエリパラメーターは個別に一覧表示され、Encoded / Decoded トグルで値をパーセントデコードできます(+ はスペースとして扱われます)。すべて 100% クライアント側で実行されます。
使い方
- URL ボックスに URL を貼り付けます(認証情報・ポート・クエリを含むデモを見るには Sample を押します)。
- 構造化された内訳を読みます。各行にコピーボタンがあります。
- Encoded / Decoded を切り替えて、クエリパラメーター値の表示方法を変更します。
- バッジ で、セキュリティ、デフォルト/カスタムポート、警告(認証情報、ルートのみの URL)を確認します。
- Copy share link で、URL とトグル状態をそのままチームメイトに送れます。
例
クエリ文字列つき URL を分解する
Input: https://api.example.com/v1/search?q=hello%20world&lang=en
Result: protocol https:, hostname api.example.com, pathname /v1/search, two params (q, lang) - decoded q = hello world.
認証情報とデフォルトポートを検出する
Input: https://user:pass@example.com:443/
Warnings: username credential, password credential, port 443 is the default for https.
不正な URL を捕捉する
Input: example.com/path → Invalid URL - include the scheme (e.g. https://).
補足事項
- 共有可能: URL とデコードトグルはリンクにエンコードされます(
?u=…&d=…)。 - プライベート: パースはローカルで行われます。トークンや認証情報を含む可能性のある URL も安全に扱えます。
- 関連ツール: Email Validator、HTTP Status Codes、
Base64Base64An encoding representing binary data as 64 safe ASCII characters, so it survives transport through text-only channels. It encodes — it does not encrypt.
Encode / Decode。