• 首页 |
  • 资讯 |
  • 生活 |
  • 电脑 |
  • 互联网 |
  • 手机 |
  • 财经 |
  • 教育 |
  • 简易号 |
    • 　　
    　　
    　　
    　　
    您当前的位置：首页 > 电脑百科 > 站长技术 > 网站

    js判断移动和电脑端自动跳转代码（www替换m）

    时间：2020-04-08 13:28:53  来源：  作者：
    + 加入收藏

    现在移动端那么火爆，很多人都分开两个网站，移动端和代码端，那么一定会做自动跳转，也就是手机用户访问了www的pc网站自动跳转到m的移动站，反过来也一样，那么该如果做呢？其他很简单，复制下面的代码到你对应的网页就可以了。

    在电脑端的网站头部放上这段代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21    		 <script type="text/JAVAscript">
            var test = yidong();
            if (test == "0") {
                location.href = document.URL.replace("www", "m");
            }

            function yidong() {
                var userAgentInfo = navigator.userAgent.toLowerCase();
                var Agents = ["Android", "iphone",
                            "symbianos", "windows phone",
                            "ipad", "ipod"];
                var flag = "1";
                for (var v = 0; v < Agents.length; v++) {
                    if (userAgentInfo.indexOf(Agents[v]) > 0) {
                        flag = "0";
                        break;
                    }
                }
                return flag;
            }
        </script>

    在移动端的网站头部放上这段代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22    		 <script type="text/JavaScript">
            var test = yidong();
            if (test == "0") {
               
            }else{location.href = document.URL.replace("//m", "//www");}

            function yidong() {
                var userAgentInfo = navigator.userAgent.toLowerCase();
                var Agents = ["android", "iphone",
                            "symbianos", "windows phone",
                            "ipad", "ipod"];
                var flag = "1";
                for (var v = 0; v < Agents.length; v++) {
                    if (userAgentInfo.indexOf(Agents[v]) > 0) {
                        flag = "0";
                        break;
                    }
                }
                return flag;
            }
     
     </script>

    还可以这么判断

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31    		 var browser = {
        versions: function () {
            var u = navigator.userAgent,
                App = navigator.appVersion;
            return { //移动终端浏览器版本信息
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('Khtml') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                IOS: !!u.match(/(i[^;]+;( U;)? CPU.+mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    document.writeln("语言版本: " + browser.language);
    document.writeln(" 是否为移动终端: " + browser.versions.mobile);
    document.writeln(" ios终端: " + browser.versions.ios);
    document.writeln(" android终端: " + browser.versions.android);
    document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
    document.writeln(" 是否iPad: " + browser.versions.iPad);
    document.writeln(navigator.userAgent);
    if (browser.versions.android || browser.versions.iPhone || browser.versions.iPad) {
        alert("是移动端");
    } else {
        alert("不是移动端");
    }

    文章允许转载，请保留本文链接：https://www.zhe94.com/354.html



    Tags：自动跳转   点击:()  评论:()
    声明：本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com)，我们将及时更正、删除，谢谢。
    ▌相关推荐
    js判断移动和电脑端自动跳转代码（www替换m）
    现在移动端那么火爆，很多人都分开两个网站，移动端和代码端，那么一定会做自动跳转，也就是手机用户访问了www的pc网站自动跳转到m的移动站，反过来也一样，那么该如果做呢？其他很简单，复...【详细内容】
    2020-04-08　　Tags: 自动跳转  点击:(127)　　评论:(0)　　加入收藏
    IIS里设置自动跳转HTTP为HTTPS
    有一些网站安全性的要求，我们的网站浏览器里必须使用https来访问，如果我们强制输出https时，页面会出现 403-4.htm的错误，相信大家对这个页面不会陌生。 这个时候我们可以设置IIS...【详细内容】
    2019-07-19　　Tags: 自动跳转  点击:(386)　　评论:(0)　　加入收藏
    手机访问PC网站自动跳转手机端网站代码
    手机访问PC网站自动跳转手机端网站代码...【详细内容】
    2019-04-18　　Tags: 自动跳转  点击:(475)　　评论:(0)　　加入收藏
    ▌简易百科推荐
    北京地区新政策《ICP经营许可证》申请条件降低啦
    今天我们来聊一下北京地区的《ICP经营许可证》有多好办，现在的互联网上提供的商机越来越多，增值电信业务十分火爆，企业通过互联网突破地域的限制，把公司产品卖到更远的地方，同时...【详细内容】
    2021-12-17　　梦想理应飞翔Yy　　　　Tags:《ICP经营许可证》 　 点击:(12)　　评论:(0)　　加入收藏
    零成本、零基础搭建一个个人博客
    转自： https://blog.kermsite.com/p/blog-intro/由于格式问题，部分链接、表格可能会失效，若失效请访问原文此专题将详细介绍如何从零开始搭建一个个人博客。Dec 01, 2021阅读时...【详细内容】
    2021-12-17　　LaLiLi　　　　Tags:个人博客 　 点击:(7)　　评论:(0)　　加入收藏
    sp证书是什么
    SP证是第二类增值电信业务经营许可证的简称。分为全网SP证和地网SP证。申请经营许可证是在工信部申请，全网SP经营许可证的有效期是5年，全网SP许可证在工信部办理全网SP续期，地...【详细内容】
    2021-11-01　　s陳述　　　　Tags:sp证书 　 点击:(39)　　评论:(0)　　加入收藏
    什么是edi许可证？
    现在还有许多人不知道EDI许可证是什么东西今天我就来给大家讲解一下.EDI许可证就是一种增值电信业务经营许可证。是针对在线数据处理和交易处理业务需求的专业资格证书。 《...【详细内容】
    2021-10-28　　soberXx　　　　Tags:edi许可证 　 点击:(75)　　评论:(0)　　加入收藏
    企业网站建设制作的元素
    元素的化学概念，如周期表中的化学元素，一切物质都是由元素构成的。对程序员而言，网站建设制作就是代码构成网站。企业网站设计者也收集了各种各样的元素，但并非所有元素都需要运...【详细内容】
    2021-10-26　　南宁云尚网络　　　　Tags:企业网站 　 点击:(40)　　评论:(0)　　加入收藏
    ICP备案的那些事儿，这里全有！
    在运营网站的过程中，有一件不可忽略的事情。那就是网站上线之前需要完成 ICP 备案。说到这里，很多朋友就提出疑问了~&middot; 什么是 ICP 备案呢？&middot; ICP 备案需要哪些材...【详细内容】
    2021-10-22　　启测云　　　　Tags:ICP备案 　 点击:(46)　　评论:(0)　　加入收藏
    一分钟带你快速了解外资ICP
    最近有朋友问我，我公司有外资就不能申请ICP许可证了么？外资的定义是什么？其实是可以的，但有一个特定条件必须满足，外资公司是指公司有外资股东，比如香港、加拿大、美国、韩国等等，...【详细内容】
    2021-10-21　　小白速看Z　　　　Tags:ICP 　 点击:(51)　　评论:(0)　　加入收藏
    服务器搭建网站时，是选http还是https？
    自互联网出现以来，超文本传输协议http协议被广泛用于在Web浏览器和网站服务器之间传递信息，但随着互联网的发展，另一种协议&mdash;&mdash;https出现，并与http一同服务于这个互联...【详细内容】
    2021-10-20　　我是FEIYA　　　　Tags:https 　 点击:(44)　　评论:(0)　　加入收藏
    Loki日志系统，比ELK轻量多了
    Grafana Loki 是一个日志聚合工具，它是功能齐全的日志堆栈的核心。图片来自 包图网先看看结果有多轻量吧： Loki 是一个为有效保存日志数据而优化的数据存储。日志数据的高效索...【详细内容】
    2021-09-14　　　　51CTO　　Tags:Loki日志 　 点击:(97)　　评论:(0)　　加入收藏
    免费的HTTPS证书只能用3个月？教你怎么永久自动续期，一劳永逸
    背景最近做微信小程序开发比较多，大家知道线上微信小程序为了安全起见，要求后端通信协议必须是HTTPS，这就要求需要安装证书。为了测试预发布线上环境，特地买了个最便宜的域名，为...【详细内容】
    2021-09-14　　小李子说程序　　　　Tags:HTTPS证书 　 点击:(125)　　评论:(0)　　加入收藏
    推荐资讯
    聊聊如何自定义数据脱敏
    聊聊如何自定义数据脱    		河南人到底有多爱吃面？盘点河南13大名面，看看你都吃过哪几种？
    河南人到底有多爱吃面
    人称“犬中四煞”的4种狗，请认住它们的长相，看见了要绕路走
    人称“犬中四煞”的4    		离婚后，约定每月给孩子7000元抚养费，前夫却以再婚再育等为由想少给钱，法院这样判
    离婚后，约定每月给孩子
    “三皇五帝”分别是哪三皇，哪五帝？
    “三皇五帝”分别是哪    		印度低种姓群体如何翻身？途径确实有，但操作难度大
    印度低种姓群体如何翻
    日本研发“飞行摩托”，售价高达435万人民币，远销我国你会买吗
    日本研发“飞行摩托”    		2021年Steam最畅销游戏榜单公布
    2021年Steam最畅销游
    相关文章
    最新更新
    栏目热门
    栏目头条
    高级搜索
    网站首页 | 关于我们 | 服务条款 | 广告服务 | 联系我们 | 网站地图 | 免责声明 | 手机版
    Copyright @ 简易百科 V 2.0 ©2020-2022 ISOLVES.com | 电脑百科 | 生活百科 | 手机百科 | 简易号
    京ICP备14042104号　　 京公网安备 11010802035086号　　QQ：2595517585
    简易百科手机版