navigator对象包含有关浏览器的信息,它有很多属性,我们最经常用的是userAgent
,该属性可以返回由客户机发送服务器的user—agent头部的值
下面前端代码可以判断用户使用那个终端打开页面,实现跳转
// 检测 userAgent()浏览器信息
!(function () {
const userAgent = navigator.userAgent
// 验证是否为Android或iPhone
const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
// 如果是Android或iPhone,则跳转至移动站点
if (android || iphone) {
location.href = 'm.qiaofugui.cn'
}
})()
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad\Android|Mobie|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
window.location.href = ' '; // 手机
} else {
window.location.href = ' '; // 电脑
}