js识别移动端和pc端跳转页面

最新推荐文章于 2022-08-02 23:58:09 发布

my sweet heart

最新推荐文章于 2022-08-02 23:58:09 发布

阅读量536

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/qq_41552648/article/details/110627561

版权

通过JavaScript实现根据不同设备类型自动跳转到相应页面的功能，主要针对移动端和PC端的判断与处理。

摘要由CSDN通过智能技术生成

js识别移动端和pc端跳转页面

  // 有关浏览器类型的信息都藏在USER-AGENT里面，首先读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式
  var sUserAgent = navigator.userAgent.toLowerCase();
    //调用match方法进行匹配属于哪一类浏览器，一下判断都是移动端浏览器
    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";
    //如果匹配上面的浏览器就跳转打开移动端页面
    if(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        //如果是移动端就跳转打开移动端页面
        location = '127.0.0.1/a/products';
    } else {
        //Pc端进入不需要其他操作
    }