js 判断 safari

在 JavaScript 中判断当前浏览器是否为 Safari 可以通过检查 navigator.userAgent 或 navigator.vendor 来实现。Safari 浏览器的 userAgent 字符串通常包含 "Safari"，而 navigator.vendor 在 Safari 中通常为 "Apple Computer, Inc."。以下是一个示例代码：

function isSafari() {
  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && navigator.vendor.indexOf('Apple') > -1;
}

if (isSafari()) {
  console.log('当前浏览器是 Safari');
} else {
  console.log('当前浏览器不是 Safari');
}

解释

1. navigator.userAgent: 这个属性返回用户代理头的字符串表示（即浏览器用于 HTTP 请求的用户代理字符串）。Safari 的 userAgent 字符串中包含 "Safari"。
2. navigator.vendor: 这个属性返回浏览器供应商的字符串表示。在 Safari 中，这个值通常是 "Apple Computer, Inc."。

优势

• 简单有效: 通过简单的字符串匹配就可以判断浏览器类型。
• 兼容性: 这种方法在大多数现代浏览器中都能正常工作。

应用场景

• 特性检测: 根据不同的浏览器提供不同的功能或样式。
• 兼容性处理: 针对 Safari 特有的 bug 或特性进行处理。

注意事项

• 用户代理欺骗: 有些浏览器或插件可能会修改 userAgent 字符串，导致判断不准确。
• 未来变化: 浏览器的 userAgent 字符串可能会随着版本更新而变化，需要定期检查和更新判断逻辑。

替代方案

如果需要更精确的浏览器检测，可以使用一些成熟的库，如 Bowser 或 UAParser.js，这些库提供了更全面的浏览器和设备检测功能。

// 使用 Bowser 库进行浏览器检测
import Bowser from 'bowser';

const browser = Bowser.getParser(window.navigator.userAgent);
if (browser.getBrowserName() === 'Safari') {
  console.log('当前浏览器是 Safari');
} else {
  console.log('当前浏览器不是 Safari');
}

通过这些方法，你可以有效地判断当前浏览器是否为 Safari，并根据需要进行相应的处理。