牛骨文教育服务平台(让学习变的简单)
博文笔记

简单的pc端与移动端的切换效果

创建时间:2017-09-26 投稿人: 浏览次数:291

下列代码中,如果需要进行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>
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。