怎么判断设备加载不同的js脚本

Navigator 对象包含有关浏览器的信息。

在控制台输出navigator对象,我们可以看到

怎么判断设备加载不同的js脚本

Navigator 对象属性

属性 描述
appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
browserLanguage 返回当前浏览器的语言。
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass 返回浏览器系统的 CPU 等级。
onLine 返回指明系统是否处于脱机模式的布尔值。
platform 返回运行浏览器的操作系统平台。
systemLanguage 返回 OS 使用的默认语言。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
userLanguage 返回 OS 的自然语言设置。

我们可以利用Navigator对象属性中的appVersion来判断不同的浏览器平台,或者手机移动端,用来加载不同的Js脚本

 <script>
    /*移动端加载一个js文件*/
    var app=navigator.appVersion;
    var she=["iPhone","Android","iPad"];
    for(var index in she){
        if(app.indexOf(she[index]!=-1)){
            var sc=document.createElement("script");
            sc.src="1.yidiong.js";
            document.body.appendChild(sc);
        }
    }
</script>

输出结果:怎么判断设备加载不同的js脚本

可以看到,当设备为移动端时动态创建了一个js脚本文件。