結論

確実な使用ブラウザの判定方法はありません😫

ブラウザを判定する方法

JavaScriptでは、window.navigator.userAgentに使用しているブラウザ情報が格納されています。

その値を部分一致なりで判定して、ブラウザ毎に分岐処理をするという方法で使用ブラウザを判定することになりますが、 userAgentの値は、ブラウザの開発者によって指定される値で、厳密に決められたルールは存在しません。

最古のブラウザNCSA MosaicからUserAgentは存在しましたが、後方互換性の問題等で記述内容が複雑化し今に至っています。例えば、ChromeのUserAgentに何故かMozilla/**という文字列が含まれているのは、かつてMozilla、Mosaicが幅を利かせていた時代、UserAgentは両者のいずれかが前提で動作するWebサイトが多く、後発のIEはMozillaに偽装する必要があったからだそうですね。

話が逸れましたが、つまりはUserAgentは偽装が可能です。 Chromeと同じものに指定しまえば、Chromeを装うことも可能になっています。

確実ではないがそれなりに判定は可能

github.com

有名なブラウザ判定ライブラリにUAParser.js, Platform.jsというものがあります。

どちらもuserAgentの値を解析して、実際の使用ブラウザに近い値を出力しているようです。

UAParser.jsの方が頻繁にGitHubへのコミットが盛んでStar数も多いことから個人的には採用するならUAParser.jsになるかなと思います。

下記のUAParse.jsによるデモページを開くと、解析結果を見ることができます。 http://faisalman.github.io/ua-parser-js/

使用ブラウザを偽装してみる

せっかくなので、userAgentを自分で偽装してみます。 Chromeの開発者ツールを使うと簡単に偽装が可能です。今回はUAParse.jsのデモページを例に使わせてもらいます。

手順

デモページを開く http://faisalman.github.io/ua-parser-js/
F12を押し、開発者ツールを開く
Toggle Device Toolverをクリック
エミュレートする端末を選択（例ではiPhone Xを選択）
F5でページを再読み込みする

iOSのSafariで閲覧しているとUAParse.jsは判断しました。（実際はWindows10のChromeで閲覧）

これはChromeによってuserAgentが Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1 に置き換えられた為です。

userAgentによる分岐処理をデバッグをする際には、便利な機能ですね。