JavaScript を使用したブラウザ言語設定の検出

Web アプリケーションを開発する場合、多くの場合、ユーザーのブラウザ言語設定を検出して提供する必要があります。コンテンツをローカライズし、ユーザー エクスペリエンスを向上させます。 JavaScript には、言語情報にアクセスするためのいくつかのプロパティが用意されていますが、必要な値を返す特定のプロパティは、使用されているブラウザやオペレーティング システムによって異なる場合があります。

Internet Explorer では、優先言語は [ツール] > [インターネット] で設定できます。 [オプション] > [一般] > [言語]。ただし、JavaScript の navigator. language プロパティは、この設定を常に正確に反映するとは限りません。 IE で言語設定を検出するには、navigator.userLanguage プロパティを使用します。これにより、[スタート] > [コントロール パネル] > [地域と言語のオプション] > [地域のオプション] で構成された設定が取得されます。

Firefox では、言語設定は次のとおりです。 [ツール] > [オプション] > [コンテンツ] > [言語] にあります。ただし、navigator. language がこの情報を確実に提供するとは限りません。代わりに、navigator.browserLanguage または navigator.systemLanguage を使用することをお勧めします。

残念ながら、JavaScript には HTTP 'Accept-Language' ヘッダーにアクセスする直接メソッドはなく、ブラウザーの言語設定の影響を受けます。ただし、サードパーティのエンドポイントまたはプロキシを使用してヘッダー値を取得することで回避策を実装できます。たとえば、Google App Engine スクリプトを利用して JSONP 経由でリクエスト ヘッダーを返すことができ、JavaScript 内から「Accept-Language」ヘッダーを取得できるようになります。