如何检测桌面版 Chrome 用户代理和移动版 Chrome 用户代理？

对于 Chrome 桌面扩展程序主页，我尝试检测用户是否在 Android 上使用桌面版 Chrome 或移动版 Chrome。目前，下面的脚本将 Android Chrome 识别为与桌面 Chrome 相同。在桌面 Chrome 上，它应该显示“chrome”链接；但是，如果有人使用 Android 版 Chrome，则should显示“移动-其他”链接。

Script:

<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>

问题是用户代理将始终具有“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();
});