常见移动端/pc端浏览器终端js判断检测

文章2019-06-2572 人已阅来源:网络

移动端常见浏览器

var tools = {
    // 微信
    is_wxBrowser: function () {
        return /micromessenger/.test(navigator.userAgent.toLowerCase());
    },
    // qq
    is_QQBrowser: function () {
        return navigator.userAgent.toLowerCase().match(/QQ/i) == 'qq'
    },
    // 微博
    is_wbBrowser: function () {
        return navigator.userAgent.toLowerCase().match(/WeiBo/i) == "weibo"
    },
    is_iOS: function () {
        return /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);
    },
    is_android: function () {
        return /android/i.test(navigator.userAgent);
    },
};

使用方式

输出 true|| false

// 判断当前是否在微信中
    console.log(tools.is_wxBrowser()) // false

PC端常见浏览器检测

var tools = {
    browser: () => {
        const userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        const isOpera = userAgent.indexOf("Opera") > -1;
        if (isOpera) {
            return "Opera"
        }
        //判断是否Opera浏览器
        if (userAgent.indexOf("Firefox") > -1) {
            return "FF";
        } //判断是否Firefox浏览器
        if (userAgent.indexOf("Chrome") > -1) {
            return "Chrome";
        }
        if (userAgent.indexOf("Safari") > -1) {
            return "Safari";
        } //判断是否Safari浏览器
        if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
            return "IE";
        } //判断是否IE浏览器
    },
}

使用方式

输出具体浏览器别名

    console.log(tools.browser()); // Chrome -> Chrome浏览器