js判断在哪个浏览器打开项目的方法

要判断当前网页所在的浏览器类型，可以使用JavaScript的navigator对象。该对象提供了一些属性，包括userAgent，用于返回客户端的信息，包括浏览器类型、版本、操作系统等。在浏览器端执行以下代码可输出当前浏览器的版本信息：

const browser = navigator.userAgent.toLowerCase();

console.log(browser);

在输出结果中，可以看到当前浏览器的信息，例如使用 Chrome 浏览器访问时，输出结果为：

mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/91.0.4472.124 safari/537.36

可以根据输出信息中包含的关键字判断当前浏览器类型。例如，以下代码判断当前浏览器是否为 Chrome 浏览器：

const browser = navigator.userAgent.toLowerCase();

if (browser.indexOf('chrome') > -1) {
  console.log('当前浏览器是 Chrome');
} else {
  console.log('当前浏览器不是 Chrome');
}

其中，indexOf()方法用于判断字符串中是否包含给定的子字符串。

除了使用navigator.userAgent属性外，还可以使用navigator.vendor属性获取浏览器类型。该属性返回浏览器厂商的名称，比如 Chrome 的返回值是"Google Inc."。以下代码判断当前浏览器是否为 Safari 浏览器：

const vendor = navigator.vendor.toLowerCase();

if (vendor.indexOf('apple') > -1) {
  console.log('当前浏览器是 Safari');
} else {
  console.log('当前浏览器不是 Safari');
}

通过以上两个示例，可以判断当前浏览器类型，进而实现不同浏览器展示不同的网页内容，提高网站的兼容性。