js判断页面是在pc端或移动端打开

1.问题出现的原因, pc端官网在移动端打开。一方面不兼容,另一方面不好看(看着怪怪的),所以想让pc端打开跳到专门的pc端网站上,移动端打开跳到专门的移动端网站,
2.解决方案 代码一:

window.location.href = https://www.it610.com/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? “https://www.baidu.com/” : “http://news.baidu.com/“;
代码二:
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href = https://www.it610.com/article/“https://www.baidu.com/“;
} else {
window.location.href = https://www.it610.com/article/“http://news.baidu.com/“;
}
3.原理 Navigator对象
Navigator 对象包含有关浏览器的信息,下面的userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.useragent里面是否有某些值来判断,比如我的电脑是mac,所以打印出来的值为
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36
(KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36
【js判断页面是在pc端或移动端打开】.test 做匹配
window.location.href 跳转

    推荐阅读