前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >手机端和PC端分别加载不同的js文件

手机端和PC端分别加载不同的js文件

原创
作者头像
用户1349575
修改2022-02-18 09:15:36
3.5K0
修改2022-02-18 09:15:36
举报
文章被收录于专栏:编程社区编程社区

手机端和PC端分别加载不同的js客服代码(注意:是要在PC和手机端分别加载不同的js文件)

第一种方法(简单型):

代码语言:javascript
复制
<script type="text/javascript">  
// 根据屏幕尺寸  
if (screen && screen.width > 480) {  
document.write('<script type="text/javascript" charset="utf-8" src="pc.js"><\/script>');  
}  
  
// userAgent判断  
if( /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)){  
document.write('<script type="text/javascript" charset="utf-8" src="m.js"><\/script>');  
}  
</script>

第二种方法(已测试通过,项目真实在用):

这样子我们直接在PC端和手机端分别输出不同的js。所以,我们在手机端和PC端分别加载不同的js的需求完美解决了。 

代码语言:javascript
复制
<script type="text/javascript">  
function browserLoad() {  
var sUserAgent = navigator.userAgent.toLowerCase();  
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
var bIsAndroid = sUserAgent.match(/android/i) == "android";  
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
// document.writeln("您的浏览设备为:");  
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {  
  
// alert("手机浏览!");  
  
document.write('<script type="text/javascript" charset="utf-8" src="m.js"><\/script>');  
} else {  
  
// alert("PC浏览!");  
document.write('<script type="text/javascript" charset="utf-8" src="pc.js"><\/script>');  
}  
}  
browserLoad();  
</script>  

第三种方法:

代码语言:javascript
复制
function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
};
$(document).ready(function(){
    var isPC=IsPC();
    if(isPC){
        $.getScript("./pc.js",function(){  //加载pc.js,成功后,并执行回调函数
              console.log("加载js文件");
        });
    }
    else{
        $.getScript("./mobile.js",function(){  //加载mobile.js,成功后,并执行回调函数
              console.log("加载js文件");
        });
    }
});

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档