jquery JavaScript でブラウザの言語を判定

2013年11月15日

JavaScript でブラウザの言語を判定する方法のメモ。

日本語と英語の二ヶ国語サイトなどで、例えば日本語サイトへのリンクを「Japanese」となっているところを、ブラウザの言語を判定し、言語が日本語の場合には「日本語」と表示させる場合の例。

ブラウザの言語を取得するには以下のいずれかで取得可能。(日本語の場合、返ってくる値は「ja」「ja-JP」のいずれかまたは「undefined」)

  • navigator.browserLanguage
  • navigator.language
  • navigator.userLanguage

メニューのHTML

<div id="navi">
    <ul>
      <li><a class="disabled" href="#">Top</a></li>
      ・・・省略・・・
      <li><a id="lang_jp" href="indexjp.html">Japanese</a></li>
    </ul>
  </div><!-- end of #navi -->

最初の2文字が「ja」の場合、日本語と判定。

if( (navigator.browserLanguage || navigator.language || navigator.userLanguage).substr(0,2) === 'ja') {
    $('#navi a#lang_jp').text('日本語');
  }