检测浏览器类型

首先，我们需要检测浏览器的类型。可以使用 JavaScript 中的 navigator.userAgent 方法来获取用户代理字符串，然后通过正则表达式或其他方法来分析用户代理字符串，以确定浏览器类型。以下是一个示例代码：

var userAgent = navigator.userAgent;
var browser = {};

// Chrome
if (userAgent.match(/Chrome/)) {
  browser.name = 'Chrome';
  browser.version = userAgent.match(/Chrome\/([0-9]+)/)[1];
}

// Firefox
if (userAgent.match(/Firefox/)) {
  browser.name = 'Firefox';
  browser.version = userAgent.match(/Firefox\/([0-9]+)/)[1];
}

// Safari
if (userAgent.match(/Safari/)) {
  browser.name = 'Safari';
  browser.version = userAgent.match(/Version\/([0-9]+)/)[1];
}

// Edge
if (userAgent.match(/Edge/)) {
  browser.name = 'Edge';
  browser.version = userAgent.match(/Edge\/([0-9]+)/)[1];
}

// Internet Explorer
if (userAgent.match(/Trident/)) {
  browser.name = 'Internet Explorer';
  browser.version = userAgent.match(/Trident\/([0-9]+)/)[1];
}

// Opera
if (userAgent.match(/Opera/)) {
  browser.name = 'Opera';
  browser.version = userAgent.match(/Opera\/([0-9]+)/)[1];
}

// Mobile
if (userAgent.match(/Android|iPhone|iPad|iPod/)) {
  browser.name = 'Mobile';
  browser.version = userAgent.match(/Android|iPhone|iPad|iPod/)[1];
}

console.log(browser);

该代码将用户代理字符串与各种浏览器的名称和版本进行匹配，并存储在 browser 对象中。最后，它将 browser 对象打印到控制台中。