Javascriptでuseragent判定

Question

iOSアプリからWebページの方にアクセスがあった場合にuseragentを使用して判別し、画像の出しわけをしたいと考えてます。
当初は以下のコードのようにPHPで実装していたのですが、諸事情でPHPが使用できなくなりました。
そこでJavascriptで同様に実装したいのですが可能でしょうか？

処理としてはXcodeの方でアプリのuseragent名(ios_app)を設定しており、Webページ側でios_appという名前のuseragentが飛んできたらuseragent_iosという関数で判定し、HTML側で画像の出しわけをしています。

// iOSアプリ
if ( ! function_exists("useragent_ios") ) {
  function useragent_ios() {
    $pattern = '/ios_app\z/';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
  }
}

<?php if (saras_useragent_ios() == 0) : ?>
  /*画像を表示*/
<?php endif; ?>

Answer 1

<script type="text/javascript">
if (/ios_app/.test(navigator.userAgent)) {
    document.write("<img src='iOS用画像ファイルのURL'>");
}
</script>

JavaScriptも正規表現をサポートしていますので、これでいけるんではないでしょうか。

Answer 2

簡易的なものでよければ、下記jsで、ios(ipodとipad含む)とそれ以外で判定ができます。

<script type="text/javascript">
if((navigator.userAgent.toLowerCase().indexOf("iphone") > -1) || (navigator.userAgent.toLowerCase().indexOf("ipod") > -1) || (navigator.userAgent.toLowerCase().indexOf("ipad") > -1))
{
    //iOSの処理
}
else
{
    //iOS以外の処理
}
</script>

同じく判定に、下記を追加すれば指定のuseragentの判定も可能です。

navigator.userAgent.toLowerCase().indexOf("ios_app") > -1

Answer 3

window.navigator.userAgent.toLowerCase()
で端末のuseragent情報が返ってくるので（toLowerCase()で小文字にしてます）
そこに含まれる文字列で判定します。

js useragent 判定
等でgoogle検索すれば情報が出てきます。

下記等ご覧下さい。

• https://w3g.jp/blog/js_browser_sniffing2015
• http://cartman0.hatenablog.com/entry/2015/06/19/174438