网站或者具体的网页 呈现在PC 和 M(移动端)往往是不同的。往往对应的会开发两套不同的网页,比如https://m.baidu.com/ https://baidu.com/。
为了更好的视觉和体验效果,用户在M端打开PC端的网址时,往往跳转到M端的网址;同样的,在PC端打开M端的网址时,往往跳转到PC端的网址。
类似的需求,我们就需要通过userAgent来判断客户端的浏览器是M端还是PC端:
navigator.userAgent.match(/Android/i) //安卓客户端浏览器 navigator.userAgent.indexOf('iPhone') != -1) //iPhone手机客户端 navigator.userAgent.indexOf('iPod') != -1) //iPod 客户端 navigator.userAgent.indexOf('iPad') != -1 //iPad 客户端
<!-- Agent 为M端, 跳转到网站的M地址-->
<script>
navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i) && (window.location.href = "http://m.baidu.com")
</script>