繁体   English   中英

仅自动检测移动浏览器(通过用户代理?)而不检测平板电脑

[英]Auto detect only mobile browser (via user-agent?) not tablet

我只想将meta标签应用于移动设备,而不是平板电脑。 目的是缩小移动设备中的页面。 我没有达到条件,但问题是它也适用于平板电脑,因为还有android平板电脑。

<script>
    if(navigator.userAgent.match(/Android/i)
  || navigator.userAgent.match(/webOS/i)
  || navigator.userAgent.match(/iPhone/i)
  || navigator.userAgent.match(/iPod/i)
  || navigator.userAgent.match(/BlackBerry/i)
  || navigator.userAgent.match(/Windows Phone/i)) {
    document.write('<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.25" />');
}
    </script>

我知道这是一个老问题,但我找不到相关的答案。

移动版Android的User-Agent标头中包含“ Mobile”字符串。 平板电脑Android没有。 因此,仅使用移动设备,您需要搜索单词“ Mobile”以及“ Android”。 但是,有些平板电脑公司会偏离此惯例,因此对于XOOM这样的公司,如果要检测这些平板电脑,则需要检查平板电脑的型号。

您也可以查看以下内容: http : //wurfl.io/ 我认为这样做可能会有所帮助:

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

if(WURFL.form_factor != "Tablet"){
     // do mobile things here
}

对于上下文,脚本将返回一个json对象,如下所示:

{
 "complete_device_name":"Samsung Galaxy Tab",
 "is_mobile":true,
 "form_factor":"Tablet"
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM