JavaScript でブラウザの言語を判定する方法のメモ。
日本語と英語の二ヶ国語サイトなどで、例えば日本語サイトへのリンクを「Japanese」となっているところを、ブラウザの言語を判定し、言語が日本語の場合には「日本語」と表示させる場合の例。
ブラウザの言語を取得するには以下のいずれかで取得可能。(日本語の場合、返ってくる値は「ja」「ja-JP」のいずれかまたは「undefined」)
メニューの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('日本語'); }