zoukankan      html  css  js  c++  java
  • js检测移动设备并跳转到相关适应页面。

    PS:网页自适应的方式有多种。有通过CSS样式表来实现自适应(主流),也有通过显示不同的页面来实现的方式。

    下面代码是记录通过判断设备特征来跳转到相关的页面的方法。

    实现要求:

    当手机,平板访问 a.com 时,自动跳转到 a.com/m 页面(为移动设备开发的页面)。

    如果是PC,则正常访问 a.com或 a.com/pc(为电脑端开发的页面)

    实现方法:

    <script>
    var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;  
    if (is_mobi) {  
        window.location.href = "http://a.com/m";  
    }  
    else {
        window.location.href = "http://a.com/pc";  
    }
    </script>
  • 相关阅读:
    原型污染
    C#之抛异常
    为什么['1', '7', '11'].map(parseInt) returns [1, NaN, 3]?
    Linux
    Linux
    Linux
    Linux
    Linux
    Linux
    其他
  • 原文地址:https://www.cnblogs.com/colinliu/p/browser_useragent.html
Copyright © 2011-2022 走看看