仅在手机和平​​板电脑中显示移动应用下载层

时间:2013-06-21 03:47:00

标签: javascript jquery html performance

我们公司有网站和Native App(iOS和Android)。

要求

我想在设备中的用户访问网站时显示Modal对话框层,特别是移动设备和平板电脑,并显示您可以下载我们的原生应用的消息

问题

HTML,CSS&这些图层的javaScript代码会影响我们的页面权重,我们是否可以在Mobile& amp; amp; amp; amp; amp; amp; amp;平板电脑设备。

由于

Avinash Mudunuri

1 个答案:

答案 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列表中的原因。