js 获取浏览器

// 获取浏览器信息的示例代码

function getBrowserInfo() {
    // 创建一个对象来存储浏览器信息
    let browserInfo = {};

    // 检查是否为 Chrome 浏览器
    if (typeof window.chrome !== 'undefined' && navigator.userAgent.indexOf('Chrome') > -1) {
        browserInfo.name = 'Chrome';
        browserInfo.version = navigator.userAgent.match(/Chrome\/(\d+)/)[1];
    }
    // 检查是否为 Firefox 浏览器
    else if (navigator.userAgent.indexOf('Firefox') > -1) {
        browserInfo.name = 'Firefox';
        browserInfo.version = navigator.userAgent.match(/Firefox\/(\d+)/)[1];
    }
    // 检查是否为 Safari 浏览器
    else if (navigator.userAgent.indexOf('Safari') > -1 && navigator.userAgent.indexOf('Chrome') === -1) {
        browserInfo.name = 'Safari';
        browserInfo.version = navigator.userAgent.match(/Version\/(\d+)/)[1];
    }
    // 检查是否为 Edge 浏览器
    else if (navigator.userAgent.indexOf('Edg') > -1) {
        browserInfo.name = 'Edge';
        browserInfo.version = navigator.userAgent.match(/Edg\/(\d+)/)[1];
    }
    // 检查是否为 Internet Explorer 浏览器
    else if (navigator.userAgent.indexOf('MSIE') > -1 || !!document.documentMode) {
        browserInfo.name = 'Internet Explorer';
        browserInfo.version = navigator.userAgent.match(/MSIE (\d+)|Trident.*rv:(\d+)/)[1];
    }
    // 如果无法识别，则返回未知
    else {
        browserInfo.name = 'Unknown';
        browserInfo.version = 'Unknown';
    }

    return browserInfo;
}

// 调用函数并输出浏览器信息
console.log(getBrowserInfo());

解释说明：

• 该代码通过检查 navigator.userAgent 字符串来判断当前使用的浏览器类型和版本。
• 对于不同的浏览器，使用正则表达式从 userAgent 中提取浏览器名称和版本号。
• 最后返回一个包含浏览器名称和版本的对象，并在控制台中打印出来。