前端页面PC-M 两端地址自动切换

最新推荐文章于 2022-04-07 14:57:49 发布

前端宇宙

最新推荐文章于 2022-04-07 14:57:49 发布

阅读量596

点赞数 1

分类专栏： js 文章标签： javascript jquery

本文链接：https://blog.csdn.net/qq_36788686/article/details/118056700

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

第一种方式：

从M 跳转到PC

<head>
	<script>
		function isPC() {
			for (var n = navigator.userAgent, i = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod", "windows mobile"], o = !0, e = 0; e < i.length; e++)
			if (n.indexOf(i[e]) > 0) {
				o = !1;
				break
			}
			return o
	}
	if (isPC()) {
		//跳转后没有后退功能
    	window.location.replace("http://www.baidu.com/pc_index.html")
	}
	</script>
</head>

从PC 跳转到M

<head>
	<script>
		function IsM() {
			var userAgentInfo = navigator.userAgent;
			var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod","windows mobile"];
			var flag = true;
			for (var v = 0; v < Agents.length; v++) {
				if (userAgentInfo.indexOf(Agents[v]) > 0) {
					flag = false;
					break;
				}
			}
			return flag;
		}
		if(!IsM()){
			//跳转后没有后退功能
    		window.location.replace("http://www.baidu.com/m_index.html")
		}
	</script>
</head>

第二种方式

**#注意：第二种方式是获取pc/m 两端同页面相同的名称。比如：pc端、移动端页面都叫 contetn.vue **

pc跳转m

(function() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    var path = this.location.pathname;
    if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
        //跳转移动端页面
      window.location.replace(`http://www.baidu.com.com${path}`);//跳转后没有后退功能
      return;
    }
  })();

m 跳转 pc

(function() {
    var path = this.location.pathname;
    function isPC() {
        for (var n = navigator.userAgent, i = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod", "windows mobile"], o = !0, e = 0; e < i.length; e++)
        if (n.indexOf(i[e]) > 0) {
            o = !1;
            break
        }
        return o
    }
    if (isPC()) {
        window.location.replace(`http://www.baidu.com.com${path}`);//跳转后没有后退功能
    }
  })();

前端宇宙

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端页面PC-M 两端地址自动切换

PC-M 地址自动切换从M 跳转到PC<head> <script> function isPC() { for (var n = navigator.userAgent, i = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod", "windows mobile"], o = !0, e = 0; e < i.length; e++) if (n.indexOf(i[e
复制链接

扫一扫