userAgentのchromeが判定できない

Question

前提・実現したいこと

javascriptで端末およびブラウザの判定(safariまたはchrome)をしているのですが、
chromeを判定できずchromeで実行してもsafariと判定されてしまいます。

該当のソースコード

var ua = navigator.userAgent.toLowerCase();
// iphoneの場合
if (ua.indexOf('iphone') > 0) {
  if (ua.indexOf('chrome') != -1 && ua.indexOf('safari') == -1) {
    console.log('chrome');
    /*ここでchromeの場合の処理*/
  } else if (ua.indexOf('safari') != -1 && ua.indexOf('chrome') == -1) {
    console.log('safari');
    /*ここでsafariの場合の処理*/
  }
}

試したこと

chromeとsafariの順番を入れ替えたり、&&以降の条件をなくしたり、
else if (){...}ではなくelse {...}にしたりしてみましたが変わらずsafari判定になります。

補足情報（FW/ツールのバージョンなど）

Google Chrome 最新版（バージョン:69.0.3497.100)
Safari バージョン11.1.1 (13605.2.8)

Answer 1

UserAgent の値として、何が取得されているのか表示してみたら情報がわからないでしょうか？

とりあえず、こんな感じで実行してたら何が表示されますか？

<script>
var ua = navigator.userAgent.toLowerCase();
document.write( ua );
</script>

うちでは、Chrome が、

mozilla/5.0 (iphone; cpu iphone os 12_0 like mac os x) applewebkit/605.1.15 (khtml, like gecko) crios/69.0.3497.105 mobile/15e148 safari/605.1

Safari が、

mozilla/5.0 (iphone; cpu iphone os 12_0 like mac os x) applewebkit/605.1.15 (khtml, like gecko) version/12.0 mobile/15e148 safari/604.1

でした。

比べると 両方に safari が含まれていますが、Safari には、version が、Chrome には、crios の部分があるので、これで判別はできると思います。

Comments

[退会済みユーザー]

コメントありがとうございます。
chromeでもsafariでも下記になりました。

mozilla/5.0 (iphone; cpu iphone os 11_0 like mac os x) applewebkit/604.1.38 (khtml, like gecko) version/11.0 mobile/15a372 safari/604.1

userAgent以外の方法で条件分岐させる方法があるのでしょうか。。

Answer 2

ごちゃごちゃ説明するよりもここのサイトを見たほうが分かりやすいかと思います。
要は記述する順番が重要な様です。
https://qiita.com/sakuraya/items/33f93e19438d0694a91d

Answer 3

CriOSで判別できるようですよ。

【iOS Chrome を判別したい - userAgentを使ってね « イナヅマTVログ】
http://www.inazumatv.com/contents/archives/9875

【iOSのchromeブラウザ判別 - phantom4】
https://blog.phantom4.org/archives/224