用户代理手机和平板电脑冲突

Question

>我正在创建一个应用程序，台式机和平板电脑是响应式的，而移动设备是自适应的。所以我必须根据我必须动态渲染文件的条件来检查条件。

我找到了很多用户代理代码，但没有运气。我在iPhone和ipad的控制台中尝试了"移动"一词，我的条件失败了。

当前用户代理：

navigator.userAgent.match(/Mobile/i)

是否有任何特定于移动设备的用户代理。

Answer 1

您可以像这样检查手机/平板电脑/点燃是否：

var UA = navigator.userAgent, isMobile = false;
if (UA.match(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Nokia|Tizen|Mobile|Opera Mini|KFAPWI/i)) {
  isMobile = true;
}
console.log(isMobile);
   if(isMobile) {
   //your code here
   }

但是您无法使用上述方法区分平板电脑和移动设备，因此最好检查宽度，也可能有用户代理欺骗