Javascript / jQuery从平板电脑检测移动[重复]

Question

因此，我正在尝试确定这是否可能，或者如果不可能，其他人设法做些什么来尝试确定是否有。

所以我需要一种 Javascript 中的方法来允许平板电脑而不是手机，这就是大多数检测手机或平板电脑使用UserAgent 将它们组合在一起的问题，但是对于 android 平板电脑和手机都将匹配手机或平板电脑检测我如何区分它们。

所以我需要一些我可以做的事情

if(!isMobile() || isMobile() && isTablet()){
   // allow the system to load and work
}else{
   // Display notice system does not support mobiles currently.
}

不同设备上的界面图片 这是在我的笔记本电脑上，很好（1080p） 这是在我的表面上 (3000x2000)

请注意： 我什至没有使用屏幕尺寸，直到它被提供为答案，并且进一步认为不可能使用屏幕尺寸，因为无法正确检测屏幕尺寸。

我的主要问题是可以获取平板电脑和手机之间的区别。

Answer 1

在许多方面，手机只是小型平板电脑；或平板电脑只是大型手机。因此，与其专注于随意的类别，不如专注于让您无法支持手机的事情。

如果是屏幕尺寸问题，请检测屏幕尺寸。

如果是连接速度的问题，请检测连接速度——或者让用户判断什么是足够快的。

等等

Answer 2

我建议将 isTablet 更改为 isTouch 并使用类似这两个函数的东西：

function isTouch() {
  return ('ontouchend' in window)? 'true' : 'false';
}
function isMobile() {
  if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)) {
    return true;
  }
  return false;
}
function hasRequiredResolution(required_res) {
    return (window.screen.height * window.screen.width) >= required_res;
}

更新：我添加了一个方法来根据连接的客户端是否具有所需的分辨率来返回 true 或 false。这应该使您能够识别您想要定位的客户。