ブラウザ言語検出機能
ブラウザ言語検出は、ユーザーの設定に基づき言語を自動判別します。これにより、ウェブサイトは訪問者に最適な言語でコンテンツを提供し、ユーザーエクスペリエンスを向上させます。
ブラウザ言語検出(サーバー側)
ブラウザから送信されるAccept-Language HTTPヘッダーを使用して、優先言語を検出します。これにより、Webサイトが自動的に適切な言語を選択します。
Accept-Languageヘッダーで言語が検出されませんでした。
JavaScriptで検出された言語(クライアント側)
JavaScript変数「navigator.languages」を使用してブラウザの言語設定を検出します。言語は優先度順に並べられ、最も優先される言語が最初に表示されます。
Loading...
言語を検出中...
ブラウザ情報
主な機能
- ブラウザの言語設定を即座に検出
- Accept-Language HTTPヘッダーを使用したサーバー側検出
- JavaScript navigator.languagesを使用したクライアント側検出
- 言語コードと完全な言語名を表示
- 各言語の優先度スコアを表示
- 言語設定の視覚的な進行状況バー
- ワンクリックで言語コードをコピー
- 生のAccept-Languageヘッダーを表示
- ブラウザ情報を表示(ユーザーエージェント、プラットフォーム)
- 設定不要 - 即座に結果を表示
一般的な使用例
- 多言語Webサイトの実装をテスト
- 言語検出とローカライゼーションの問題をデバッグ
- Accept-Languageヘッダーが正しく送信されているか確認
- 自動言語リダイレクトロジックをテスト
- ブラウザの言語設定を理解
- 国際化されたアプリケーションのQAテスト
- 言語フォールバックメカニズムを確認
- APIでの言語ネゴシエーションを確認
- CDNとサーバー側言語ルーティングをテスト
- 教育目的 - ブラウザが言語設定を伝達する方法を学ぶ
使い方
- このページを読み込むだけで自動的に検出されます
- Accept-Languageヘッダーからサーバー側で検出された言語を表示
- 優先度スコアを確認して言語の優先順位を確認
- JavaScriptからクライアント側で検出された言語を表示
- 「コピー」ボタンをクリックして任意の言語コードをコピー
- 下部でブラウザ情報を確認
- 異なる言語をテストするには、ブラウザの言語設定を変更
- ページを更新して更新された言語設定を表示