使用jQuery检测Safari

Question

虽然两者都是基于Webkit的浏览器,但是在URL中的Safari urlencodes引号却没有.

因此我需要在JS中区分这两者.

jQuery的浏览器检测文档将"safari"标记为已弃用.

有没有更好的方法,或者我现在只是坚持使用已弃用的值？

Answer 1

使用feature detection和Useragent字符串的混合:

    var is_opera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    var is_Edge = navigator.userAgent.indexOf("Edge") > -1;
    var is_chrome = !!window.chrome && !is_opera && !is_Edge;
    var is_explorer= typeof document !== 'undefined' && !!document.documentMode && !is_Edge;
    var is_firefox = typeof window.InstallTrigger !== 'undefined';
    var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);

用法:
if (is_safari) alert('Safari');

或者仅限Safari,请使用:

if ( /^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {alert('Its Safari');}

Answer 2

以下标识Safari 3.0+并将其与Chrome区分开来:

isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)

Answer 3

不幸的是,上面的例子也会将android的默认浏览器检测为Safari,但事实并非如此.我用了 navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Answer 4

为了检查Safari我使用了这个:

$.browser.safari = ($.browser.webkit && !(/chrome/.test(navigator.userAgent.toLowerCase())));
if ($.browser.safari) {
    alert('this is safari');
}

它工作正常.