我创建了一个返回布尔类型的函数:

export const isSafari = () => navigator.userAgent.toLowerCase().indexOf('safari') !== -1

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

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

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

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

只使用:

var isSafari = window.safari !== undefined;
if (isSafari) console.log("Safari, yeah!");

注意，这对于移动版本的Safari可能不可靠。

我不知道为什么OP想要检测Safari，但在极少数情况下，您需要嗅探浏览器，可能更重要的是检测渲染引擎比浏览器的名称。例如，在iOS上，所有浏览器都使用Safari/Webkit引擎，所以如果底层渲染器实际上是Safari/Webkit，那么将“chrome”或“firefox”作为浏览器名称是毫无意义的。我还没有在旧的浏览器上测试这段代码，但它适用于最近的Android、iOS、OS X、Windows和Linux。

<script>
    let browserName = "";

    if(navigator.vendor.match(/google/i)) {
        browserName = 'chrome/blink';
    }
    else if(navigator.vendor.match(/apple/i)) {
        browserName = 'safari/webkit';
    }
    else if(navigator.userAgent.match(/firefox\//i)) {
        browserName = 'firefox/gecko';
    }
    else if(navigator.userAgent.match(/edge\//i)) {
        browserName = 'edge/edgehtml';
    }
    else if(navigator.userAgent.match(/trident\//i)) {
        browserName = 'ie/trident';
    }
    else
    {
        browserName = navigator.userAgent + "\n" + navigator.vendor;
    }
    alert(browserName);
</script>

澄清:

iOS下的所有浏览器都会报告为“safari/webkit” 除Firefox外，Android下的所有浏览器都将报告为“chrome/blink” Chrome, Opera, Blisk, Vivaldi等在Windows, OS X或Linux下都将被报告为“Chrome /blink”

我发现只有一个词可以区分Safari——“版本”。所以这个正则表达式将完美工作:

/.*Version.*Safari.*/.test(navigator.userAgent)

我创建了一个返回布尔类型的函数:

export const isSafari = () => navigator.userAgent.toLowerCase().indexOf('safari') !== -1