最精简的移动端与PC端互相切换的JS代码

1405人参与 ｜分类: 程序学习｜时间:2019-07-01 17:40:06

有时候担心引入jquery  而导致移动端打开速度减慢，所有有没有十分精简的js代码，可以让网页（网站）在识别不是移动端时，跳转到PC端；反之，在手机上浏览PC网站时，可以跳转到相应的移动站点。下面就分享一个最简单有效的script脚本。
 

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script>
        var userAgentInfo = navigator.userAgent;  
            var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
            var flag = false;
        var v=0
        for ( v = 0; v < Agents.length; v++) 
        {  
                 if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = true; break; }  
            }  
        if(flag){
            window.location='m.html';  //如果是移动设备访问，就跳转到m.html。
        }
    </script>
    </head>
    <body>
    <h1>当前是PC端</h1>
</body>
</html>

<!DOCTYPE html>
<html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <script>
        var userAgentInfo = navigator.userAgent;  
            var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
            var flag = false;
        var v=0
        for ( v = 0; v < Agents.length; v++) 
        {  
                 if (userAgentInfo.indexOf(Agents[v]) > 0) { 
                    flag = true; 
                    break;
                 }
            }  
        if(!flag){
            window.location='index.html';  //如果是PC设备访问，就跳转到指定的网址。
        }
    </script>
    </head>
    <body>
    <h1>这里是移动端</h1>
</body>
</html>