检测Safari浏览器

如何检测Safari浏览器使用JavaScript?我尝试了下面的代码，它不仅检测Safari浏览器，而且还检测Chrome浏览器。

function IsSafari() {

  var is_safari = navigator.userAgent.toLowerCase().indexOf('safari/') > -1;
  return is_safari;

}

当前回答

基于@SudarP的回答。

在2021年Q3，这个解决方案将失败在Firefox (Uncaught TypeError: navigator.vendor.match(…)是null)和Chrome (Uncaught TypeError:不能读取null属性(读取'length'));

所以这里有一个固定且简短的解决方案:

function isSafari() {
  return (navigator.vendor.match(/apple/i) || "").length > 0
}

其他回答

注意:总是尝试检测您试图修复的特定行为，而不是针对它与isSafari?

作为最后的手段，用下面的正则表达式检测Safari:

var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

它使用负环视，排除Chrome、Edge和所有在用户代理中包含Safari名称的Android浏览器。

为了记录，我发现最安全的方法是实现下面答案中的浏览器检测代码的Safari部分:

const isSafari = window['safari'] && safari.pushNotification &&
    safari.pushNotification.toString() === '[object SafariRemoteNotification]';

当然，如果可能的话，处理特定于浏览器的问题的最佳方法总是进行特性检测。不过，使用上面这样的一段代码仍然比代理字符串检测要好。

此代码仅用于检测safari浏览器

if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
{
   alert("Browser is Safari");          
}

因为chrome和safari的userAgent几乎是相同的，所以可以更容易地查看浏览器的供应商

Safari

navigator.vendor ==  "Apple Computer, Inc."

铬

navigator.vendor ==  "Google Inc."

FireFox(为什么是空的?)

navigator.vendor ==  ""

IE(为什么没有定义?)

navigator.vendor ==  undefined

就我而言，我需要同时在iOS和macOS上运行Safari。这招对我很管用:

if (/apple/i.test(navigator.vendor)) {
  // It's Safari
}

推荐文章