我们公司有网站和Native App(iOS和Android)。
要求
我想在设备中的用户访问网站时显示Modal对话框层,特别是移动设备和平板电脑,并显示您可以下载我们的原生应用的消息
问题
HTML,CSS&这些图层的javaScript代码会影响我们的页面权重,我们是否可以在Mobile& amp; amp; amp; amp; amp; amp; amp;平板电脑设备。
由于
Avinash Mudunuri
答案 0 :(得分:0)
您正在寻找名为userAgent
的内容。根据{{3}},
标识您的浏览器并向托管您访问的网站的服务器提供某些系统详细信息。
典型的使用者将如下所示:
Mozilla / 5.0(Windows NT 6.1; WOW64; rv:12.0)Gecko / 20100101 Firefox / 12.0
对于Android手机,它看起来像这样:
Mozilla / 5.0(Linux; U; Android 4.0.3; ko-kr; LG-L160L Build / IML74K)AppleWebkit / 534.30(KHTML,类似Gecko)版本/ 4.0 Mobile Safari / 534.30
此属性可通过navigator
对象访问,如下所示:
navigator.userAgent
在此处查看演示:MSDN
现在,要检查您的浏览器是否是移动浏览器,我们已经设置了这样的系统:
var ua = navigator.userAgent;
if (ua.indexOf("Android") >= 0) {
//its an android phone
var androidversion = parseFloat(ua.slice(ua.indexOf("Android") + 8));
if (androidversion != 4.0) {
//version of android
}
} else if ((ua.indexOf("iPhone") >= 0 || ua.indexOf("iPad") >= 0) && ua.indexOf("CriOS") == -1) {
//you're on iOS
}
如果你想要阻止所有内容加载,你必须先在文档的开头放置它,然后再加载页面中的任何内容。
注意强>
CriOS
是Safari上Chrome浏览器的useragent指标。这就是它包含在iOS列表中的原因。