URL パーサーは、リンクをプロトコル、ホスト名、ポート、パス、クエリパラメータ、ハッシュなどのコンポーネントに分解し、読みやすい構造に自動フォーマットします。欠落プロトコルの自動補完、クエリパラメータの JSON 化、ハッシュパラメータ解析に対応し、開発デバッグ、リンク検証、データクリーニングシーンに適しています。

コア機能

完全なコンポーネント解析: プロトコル、ユーザー名、パスワード、ホスト名、ポート、パス、クエリ、ハッシュを分解
自動プロトコル補完: 純粋なドメインを入力すると自動的に https:// の追加を試みます
クエリパラメータ JSON 化: URL パラメータを読みやすい JSON 形式に変換
ハッシュパラメータ対応: ハッシュフラグメント内の key=value パラメータを解析
ショートカットコピー: 任意のコンポーネントまたはパラメータ JSON をワンクリックでコピー

使用方法

URL を入力

入力ボックスに完全な URL またはドメインを貼り付け
プロトコルが欠落している場合、ツールは自動的に https:// への補完を試みます
有効なリンクは即座に解析結果を表示し、無効なリンクはエラーメッセージを表示

解析結果を確認

解析結果は以下の部分に分かれます:

URL コンポーネント

プロトコル(Protocol): URL のプロトコル部分、例: https://
ホスト名(Hostname): ドメインまたは IP アドレス
ユーザー名(Username): URL に認証情報が含まれる場合
パスワード(Password): URL に認証情報が含まれる場合
ポート(Port): ポート番号、指定されていない場合は空
パス(Pathname): パス部分、例: /t/url-parser
クエリ(Search): クエリ文字列、例: $1key=value
ハッシュ(Hash): ハッシュフラグメント、例: #section

各コンポーネントはコピーボタンをクリックして迅速にコピーできます。

クエリパラメータ JSON

URL にクエリパラメータが含まれる場合、JSON 形式で表示:

単一値パラメータは文字列として表示
重複パラメータは配列として表示
例: { "key1": "value", "key2": ["value1", "value2"] }

ハッシュパラメータ JSON

ハッシュフラグメントに key=value 形式のパラメータが含まれる場合、個別に解析して JSON で表示:

ハッシュに = が含まれる場合のみ解析
フォーマットはクエリパラメータと同じ
シングルページアプリケーション(SPA)のルーティングパラメータでよく見られます

応用シーン

開発デバッグ

API コールバック URL のパラメータが正しいか迅速に確認
OAuth コールバックアドレスの token と state パラメータをデバッグ
ディープリンク(Deep Link)のパスとパラメータを検証
フロントエンドルーティングのハッシュパラメータを分析

リンク検証

ユーザー提出のリンクをクリーンアップし、プロトコルとフォーマットを統一
Webhook、コールバックアドレスのプロトコル、ポートが正しいか確認
設定ファイル内の URL フィールドの完全性を検証
リンク内の認証情報や機密パラメータを識別

データクリーニング

URL リストからドメインまたはパスを一括抽出
異なるソースのリンクフォーマットを統一(プロトコルを HTTPS に統一など)
ログファイル内のリクエストパラメータ分布を分析
CSV エクスポートまたは API レスポンスから URL フィールドを解析

QA テスト

リダイレクトリンクに必要なトラッキングパラメータが含まれているか検証
UTM パラメータが正しく結合されているか確認
異なるプラットフォーム共有リンクのパラメータ一貫性を確認
各オペレーティングシステムでのディープリンク解析の正確性をテスト

解析例

例1: 完全な URL

入力:

https://me:[email protected]:5436/t/url-parser$3key1=value&key2=value2#the-hash

解析結果:

プロトコル: https://
ユーザー名: me
パスワード: pwd
ホスト名: example.com
ポート: 5436
パス: /t/url-parser
クエリ: $4key1=value&key2=value2
ハッシュ: #the-hash

クエリパラメータ JSON:

{
  "key1": "value",
  "key2": "value2"
}

例2: 自動プロトコル補完

入力:

example.com/path$6q=nuxt&lang=en

自動規範化:

https://example.com/path$8q=nuxt&lang=en

例3: ハッシュパラメータ解析

入力:

https://app.example.com/callback#token=abc&expires=3600

ハッシュパラメータ JSON:

{
  "token": "abc",
  "expires": "3600"
}

例4: 重複パラメータ

入力:

https://api.example.com/search$10tag=js&tag=vue&tag=nuxt

クエリパラメータ JSON:

{
  "tag": ["js", "vue", "nuxt"]
}

使用のヒント

迅速コピー

任意のコンポーネント右側のコピーボタンをクリックして即座にその部分のコンテンツをコピー
クエリパラメータとハッシュパラメータの JSON ブロックもワンクリックでコピー可能
コピー後、ボタンは「コピー済み」ステータスフィードバックを表示

バッチ処理

複数の URL を処理する必要があるシーンでは、Excel またはスクリプトツールと組み合わせ
解析結果を JSON としてコピーした後、データ分析に直接使用可能
まず単一 URL でテストし、フォーマットを確認してからバッチ処理することをお勧めします

プロトコル補完ルール

純粋なドメイン(例: example.com)を入力すると自動的に https:// が追加されます
プロトコルを含む URL は変更されません
http:// を使用する必要がある場合は、完全な URL を手動で入力してください

技術特性

標準化解析

ブラウザネイティブ URL API に基づき、解析結果の正確性を保証
RFC 3986 および WHATWG URL 標準に準拠
各種特殊文字と URL エンコーディングを正しく処理

インテリジェントパラメータ識別

クエリパラメータとハッシュパラメータを自動区別
重複パラメータを正しく処理し、配列に結合
空値パラメータと特殊文字エスケープに対応

よくある質問

入力後に URL が自動的に変化する理由

ツールは欠落プロトコルの自動補完を試み(https:// を追加)、URL を規範化します。この機能が不要な場合は、プロトコル部分を含む完全な URL を入力してください。

ハッシュ部分がパラメータとして解析されない

ハッシュパラメータ解析はハッシュに = 文字が含まれる場合のみトリガーされます。ハッシュがアンカーのみの場合(例: #section)、パラメータ解析は行われず、そのまま表示されます。

特殊文字を含む URL の処理方法

ツールは URL エンコード文字(例: %20 は空白を表す)を自動処理し、解析結果はデコード後の値を表示します。元のエンコーディングを保持する必要がある場合は、コピー後に自分で処理してください。

同類ツール比較

手動分割または正規表現使用と比較して、本ツールは標準 URL API に基づいてより正確で信頼性があります。ブラウザ開発者ツールと比較して、よりフレンドリーなインターフェースとショートカットコピー機能を提供します。コマンドラインツールと比較して、インストール不要で可視化表示に対応し、迅速な検証とデバッグに適しています。

注意事項

解析はクライアント側でのみ行われ、URL 内容をサーバーに送信しません
機密情報(パスワード、token)を含む URL は慎重に使用してください
ツールは URL 構造のみを解析し、リンクのアクセシビリティや有効性は検証しません
中国語または他の非 ASCII 文字を含む URL の場合、まず URL エンコーディングを行うことをお勧めします

URL解析ツール