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

我们公司有网站和原生应用程序（iOS和Android）

要求

我想显示模态对话框层，特别是手机和平板电脑时，用户访问设备的网站，并显示消息，您可以下载我们的本机应用程序

问题

这些层的HTML、CSS和javaScript代码正在影响我们的页面权重，我们是否有办法只在移动和平板设备上动态地包含特定代码（HTML、CSS和javaScript）

谢谢

---

Avinash Mudunuri

您正在寻找一种叫做

用户代理的东西。根据,

标识您的浏览器，并向托管您访问的网站的服务器提供某些系统详细信息

典型的useragent如下所示：

navigator.userAgent

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
}

Mozilla/5.0（Windows NT 6.1；WOW64；rv:12.0）Gecko/20100101 Firefox/12.0

对于android手机，它的外观如下所示：

navigator.userAgent

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
}

Mozilla/5.0（Linux；U；Android 4.0.3；ko-kr；LG-L160L构建/IML74K）AppleWebkit/534.30（KHTML，类似Gecko）版本/4.0 Mobile Safari/534.30

可通过
导航器
对象访问此属性，如下所示：

navigator.userAgent

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
}

请参见此处的演示：

现在，为了检查您的浏览器是否为移动浏览器，我们设置了如下系统：

navigator.userAgent

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浏览器的用户代理指示器。这就是为什么它被列入iOS列表的原因