JS-BOM navigator对象

126 阅读1分钟

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 = ' '; // 电脑
}