ブラウザ言語検出機能

ブラウザ言語検出は、ユーザーの設定に基づき言語を自動判別します。これにより、ウェブサイトは訪問者に最適な言語でコンテンツを提供し、ユーザーエクスペリエンスを向上させます。


ブラウザ言語検出(サーバー側)

ブラウザから送信される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とサーバー側言語ルーティングをテスト
  • 教育目的 - ブラウザが言語設定を伝達する方法を学ぶ

使い方

  1. このページを読み込むだけで自動的に検出されます
  2. Accept-Languageヘッダーからサーバー側で検出された言語を表示
  3. 優先度スコアを確認して言語の優先順位を確認
  4. JavaScriptからクライアント側で検出された言語を表示
  5. 「コピー」ボタンをクリックして任意の言語コードをコピー
  6. 下部でブラウザ情報を確認
  7. 異なる言語をテストするには、ブラウザの言語設定を変更
  8. ページを更新して更新された言語設定を表示