如何检测Safari浏览器使用JavaScript?我尝试了下面的代码，它不仅检测Safari浏览器，而且还检测Chrome浏览器。
function IsSafari() {
var is_safari = navigator.userAgent.toLowerCase().indexOf('safari/') > -1;
return is_safari;
}
当前回答
用户代理嗅探非常棘手且不可靠。我们尝试着用@qingu上面的回答去检测iOS上的Safari，它在Safari, Chrome和Firefox上都运行得很好。但它错误地将Opera和Edge检测为Safari。
所以我们使用了功能检测，就像今天一样，serviceWorker只在Safari中被支持，而在iOS上的任何其他浏览器中都不支持。如https://jakearchibald.github.io/isserviceworkerready/所述
支持不包括该平台上第三方浏览器的iOS版本(参见Safari支持)。
所以我们做了一些
if ('serviceWorker' in navigator) {
return 'Safari';
}
else {
return 'Other Browser';
}
注意:未在MacOS的Safari上测试。
其他回答
用户代理嗅探非常棘手且不可靠。我们尝试着用@qingu上面的回答去检测iOS上的Safari，它在Safari, Chrome和Firefox上都运行得很好。但它错误地将Opera和Edge检测为Safari。
所以我们使用了功能检测，就像今天一样，serviceWorker只在Safari中被支持，而在iOS上的任何其他浏览器中都不支持。如https://jakearchibald.github.io/isserviceworkerready/所述
支持不包括该平台上第三方浏览器的iOS版本(参见Safari支持)。
所以我们做了一些
if ('serviceWorker' in navigator) {
return 'Safari';
}
else {
return 'Other Browser';
}
注意:未在MacOS的Safari上测试。
我发现只有一个词可以区分Safari——“版本”。所以这个正则表达式将完美工作:
/.*Version.*Safari.*/.test(navigator.userAgent)
检测手势变化，像这样:
const isSafari = 窗口类型。手势事件 === “函数” document.getElementById（“result”）.textContent = isSafari ？“野生动物园！” ：“不是野生动物园！” <div id=“result” style=“font-family： sans-serif”></div>
手势改变只在Safari上得到了广泛的支持(iOS上也可以)!
简单的回答是:
function isSafari() {
if (navigator.vendor.match(/[Aa]+pple/g).length > 0 )
return true;
return false;
}
你可以很容易地使用索引的Chrome过滤Chrome:
var ua = navigator.userAgent.toLowerCase();
if (ua.indexOf('safari') != -1) {
if (ua.indexOf('chrome') > -1) {
alert("1") // Chrome
} else {
alert("2") // Safari
}
}
