vue项目中pc 手机端两套代码屏幕改变时互相跳转

woderuiggya

已于 2022-05-05 15:43:29 修改

阅读量674

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

于 2020-10-16 11:45:17 首次发布

本文链接：https://blog.youkuaiyun.com/woderuiggya/article/details/109113574

index.html中

		if(document.body.clientWidth<750){
          window.location.href='http://百度';
          // console.log(1111)
				};
                //当然随时改变屏幕大小也会改变的，所以也要加上
                window.addEventListener('resize',()=>{
                    if(document.body.clientWidth<750){
          window.location.href='http://百度2';
          //  console.log(1111)
                }
            })

或者

  if (/Android|webOS| iPhone | iPad | iPod |BlackBerry|opera mini|opera mobile|appleWebkit.*mobile|mobile/i.test(
    navigator.userAgent)) {
    window.location.href = "https://百度";
  }else{
    window.location.href = "https://百度2";
  }