javascript - 您如何在桌面和移动 Chrome 用户代理之间进行检测？

Question

对于 Chrome 桌面扩展主页，我正在尝试检测用户是在 Android 上使用 Chrome for Desktop 还是 Chrome for Mobile。目前，下面的脚本将 Android Chrome 识别为与桌面版 Chrome 相同。在桌面 Chrome 上，它应该显示“chrome”链接；但是，如果有人使用 Chrome for Android，它应该显示“mobile-other”链接。

脚本:

<script>$(document).ready(function(){
    var ua = navigator.userAgent;
    if (/Chrome/i.test(ua))
       $('a.chrome').show();

    else if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile/i.test(ua))
       $('a.mobile-other').show();

    else
       $('a.desktop-other').show();
  });</script>

Chrome Android 用户代理:

Mozilla/5.0 (Linux; <Android Version>; <Build Tag etc.>) AppleWebKit/<WebKit Rev> (KHTML, like Gecko) Chrome/<Chrome Rev> Mobile Safari/<WebKit Rev>

Answer 1

问题是用户代理总是有“Chrome”，无论是桌面版还是移动版。所以你必须先检查更具体的情况。

$(document).ready(function(){
    var ua = navigator.userAgent;

    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(ua))
       $('a.mobile-other').show();

    else if(/Chrome/i.test(ua))
       $('a.chrome').show();

    else
       $('a.desktop-other').show();
});