ブラウザBrowser環境変数をJavaScriptで取得してみる

f:id:akakage7:20190402132349p:plain

普段Fedora Cinnamonで利用しているブラウザは、Firefoxです。Linuxのデフォルト・ブラウザは通常Firefoxであることが多々あると思います。ですが、世間の動向も考慮して影もFedora CinnamonやCentOS8だけでなくWindows10でもGoogle謹製のChromeをインストールしています。

f:id:akakage7:20191230230701p:plain

【Fedora Cinnamon31 Firefox】

Linuxあるある事件簿でFirefoxのバージョンアップで言語問題発生が時偶起こります。Fedora CinnamonでFirefoxが70か71にバージョンアップした時にFirefoxの表示がおかしいことに気付きました。影のFirefoxのブックマークでのGoogleニュースのURLは下記のようにしてます。

f:id:akakage7:20191230215325p:plain

通常Googleニュース日本語版のURLは下記ように「?」マーク以降のURLに日本語を示す「ja」が表示されたままブックマークされていると思います。影はブックマークした後ブックマークの編集で「?」マーク以降を削除して登録しています。過去にもFirefoxはやらかしていますので、出来るだけ早く察知するように気を付けているわけです。

f:id:akakage7:20191230215350p:plain

そのため、Firefoxのアップデートで下記のようなGoogleニュースの英語版が表示されてしまう時があります。

f:id:akakage7:20191230215446p:plain

はてなブログでログインしようとすると下記のように英語表示になってしまってます。

f:id:akakage7:20191230215530p:plain

【JavaScriptでBrowser環境変数を取得】

この現象は、影が思うにブラウザの言語環境変数を判定して言語切替表示をしているのではないかと思います。下記のようなJavaScriptを作成して環境変数を判定するとブラウザの言語設定がen-USとなっていることが分かります。

<!DOCTYPE HTML>
<html lang='ja'>
<head>
<meta charset='UTF-8' />
<title>Navigator</title>
<script>
window.onload = function(){
document.getElementById('btn').onclick = function(){
var result = window.confirm('環境変数表示する場合はOKボタンをクリック');
if(result){
window.alert('appCodeName = ' + navigator.appCodeName + ' ' +
'appName = ' +navigator.appName + ' ' +
'platform = ' +navigator.platform + ' ' +
'language = ' +navigator.language + ' ' +
'appVersion = ' +navigator.appVersion + ' ' +
'userAgent = ' +navigator.userAgent);
}else{
window.alert('キャンセルしました');
}};};
</script>
</head>
<body>
<input id="btn" type="button" value="環境変数を表示します" />
</body>
</html>