js判断收电脑或者手机后，如何写js文件里面的东西。

第1步：加载 JS 文件(注：GitHub 链接不稳定，请使用你的 whatdevice.min.js 资源路径)<script src="https://wuyumin.github.io/whatdevice/whatdevice.min.js"></script>
第2步：使用对应的方法<script>
 
//跳转到手机网站(在电脑网页里使用)
//特殊情况：当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2mob('手机网站网址');
 
//跳转到电脑网站(在手机网页里使用)
//特殊情况：当前访问的URL传递参数itsme=1就不跳转了
whatdevice.go2web('电脑网站网址');
 
//识别手机或电脑
if(whatdevice.isMobile){
    //手机
}else{
    //电脑
}
 
//识别微信访问
if(whatdevice.isWechat){
    //微信
}
 
//识别微信小程序
if(whatdevice.isMiniProgram){
    //微信小程序
}
 
//识别手机
if(whatdevice.isMobile){
    alert('你是手机访问的');
}
 
//识别苹果手机
if(whatdevice.isiOS){
    alert('你是苹果手机');
}
 
//识别安卓手机
if(whatdevice.isAndroid){
    alert('你是安卓手机');
}
 
//识别电脑
if(!whatdevice.isMobile){
    alert('你是电脑访问的');
}
 
</script>
上面的是一个判断电脑版或者手机版的js文件。里面也有写法，不会写具体的。
我现在想通过上面的js文件，来实现下面的css加载，球具体代码。不会写js。
========================
============
============<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="https://wuyumin.github.io/whatdevice/whatdevice.min.js"></script>
<script>
 
//识别手机或电脑
if(whatdevice.isMobile){
    //手机<link rel="stylesheet" type="text/css" href="wap.css" >
}else{
    //电脑<link rel="stylesheet" type="text/css" href="pc.css" >
}
</script>
</head><body>
通过提供的那个js文件来加载上面的两个样式，电脑版加载pc.css，。手机版加载wap.css
</body>
</html>球具体代码。

解决方案 »

  1.   


     let CSS=document.createElement("link");
    CSS.rel="stylesheet";
    CSS.type="text/css"
    if(whatdevice.isMobile){
        //手机<link rel="stylesheet" type="text/css" href="wap.css" >
       CSS.href="wap.css"
    }else{
        //电脑<link rel="stylesheet" type="text/css" href="pc.css" >
     CSS.href="pc.css"
    }
    document.head.appendChild(CSS)
      

  2.   


    谢谢，代码可以用，但是在360兼容模式下面，存在不兼容的问题。
    在360兼容模式下，无法加载css。
      

  3.   


    谢谢，代码可以用，但是在360兼容模式下面，存在不兼容的问题。
    在360兼容模式下，无法加载css。测试了 我写的这部分代码在360兼容模式下没有问题；应该是whatdevice.isMobile这个插件的问题
      

  4.   

    插件也没问题，能判断出访问设备，试了一下，这个是兼容模式的一个筛选机制，如果是本地文件用兼容模式打开，会出现阻止提示，允许阻止内容就能正常显示；把文件放置服务器环境通过正常域名访问就没有问题；我只测试了https协议，是没有阻止的；http没测
      

  5.   


    谢谢大神指点，感谢。还有一个小问题，就是这个会自动识别手机或者电脑，
    我想他通过网页url比如http://127.0.0.1/abc.html?is=diannao 就只加载pc
    http://127.0.0.1/abc.html?is=shouji 就加载手机的css样式？如果没有参数，就http://127.0.0.1/abc.html这样子访问，就执行你刚刚的那个js
     let CSS=document.createElement("link");
    CSS.rel="stylesheet";
    CSS.type="text/css"
    if(whatdevice.isMobile){
        //手机<link rel="stylesheet" type="text/css" href="wap.css" >
       CSS.href="wap.css"
    }else{
        //电脑<link rel="stylesheet" type="text/css" href="pc.css" >
     CSS.href="pc.css"
    }
    document.head.appendChild(CSS)
      

  6.   


    谢谢大神指点，感谢。还有一个小问题，就是这个会自动识别手机或者电脑，
    我想他通过网页url比如http://127.0.0.1/abc.html?is=diannao 就只加载pc
    http://127.0.0.1/abc.html?is=shouji 就加载手机的css样式？如果没有参数，就http://127.0.0.1/abc.html这样子访问，就执行你刚刚的那个js
     let CSS=document.createElement("link");
    CSS.rel="stylesheet";
    CSS.type="text/css"
    if(whatdevice.isMobile){
        //手机<link rel="stylesheet" type="text/css" href="wap.css" >
       CSS.href="wap.css"
    }else{
        //电脑<link rel="stylesheet" type="text/css" href="pc.css" >
     CSS.href="pc.css"
    }
    document.head.appendChild(CSS)<script>
      
    //跳转到手机网站(在电脑网页里使用)
    //特殊情况：当前访问的URL传递参数itsme=1就不跳转了
    whatdevice.go2mob('手机网站网址');
      
    //跳转到电脑网站(在手机网页里使用)
    //特殊情况：当前访问的URL传递参数itsme=1就不跳转了
    whatdevice.go2web('电脑网站网址');
      
    //识别手机或电脑
    if(whatdevice.isMobile){
        //手机
    }else{
        //电脑
    }
    特殊情况：当前访问的URL传递参数itsme=1就不跳转了  js能在这里直接终止执行js，跳出吗？
      

  7.   

    写到一个自执行函数里面，满足条件就 return
    (()=>{
    //跳转到手机网站(在电脑网页里使用)
    //特殊情况：当前访问的URL传递参数itsme=1就不跳转了
    if(itsme===1){
    return ;
    }
    whatdevice.go2mob('手机网站网址');
      
    //跳转到电脑网站(在手机网页里使用)
    //特殊情况：当前访问的URL传递参数itsme=1就不跳转了
    whatdevice.go2web('电脑网站网址');
      
    //识别手机或电脑
    if(whatdevice.isMobile){
        //手机
    }else{
        //电脑
    }
    })()
      

  8.   


    这个在360兼容模式下，还有，在微信电脑版上面点击网址打开，css无法加载进来，球解决办法。
      

  9.   

    建议你先弹框测试一下whatdevice.isMobile这个插件在这两种环境下是否有效；
     document.head是H5新增的，IE9/Safari/Chrome/FF/Opera均支持，ie8及以下不支持；360兼容模式也是支持的；微信PC端内置浏览器还不知道，没试过；
    我的代码在360兼容模式中测试过，可以实现css加载，只是会有阻止提示；解决方案我不清楚，你问问其他大神吧；我还是小白阶段