如何在Javascript中检测Safari 10浏览器？

Question

我用的是

var isSafari = /constructor/i.test(window.HTMLElement)

但它不适用于新的Safari10。

对使用什么有什么建议吗？

谢谢!

编辑：How to detect Safari, Chrome, IE, Firefox and Opera browser?仅涵盖Safari9版之前的版本

Answer 1

我用以下代码扩展了How to detect Safari, Chrome, IE, Firefox and Opera browser?中提到的safari检测行，并将其放在测试列表的底部：

isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0 || !isChrome && !isOpera && window.webkitAudioContext !== undefined;

它主要是检查web音频API是否使用了webkit前缀，然后确定它不是Chrome或Opera。(旧版本的Chrome和Opera也使用了这个前缀)

我去了caniuse.com，看看哪些浏览器支持哪些功能，并尝试寻找一种在特定于Safari.There的方式下脱颖而出的功能，可能还有其他我可以使用的功能。(可能还有更好的)。

我知道特征检测通常是更好的方法，除了特征检测不会检测特征是否损坏或根据浏览器的不同而产生不同的结果。

Answer 2

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification);

将涵盖从3.0到10 (不是11)的所有Safari版本。

它检查仅在Safari上流行的两个API转移。在9.1.3之前的版本中，HTMLElement对象的.toString()结果为[object HTMLElementConstructor]，并且是Safari所独有的。在9.1.3之后的版本中已修复此问题。

对于较新的版本，请检查[object SafariRemoteNotification]对象，它是仅存在于现代Safari浏览器中的对象类型。