使用 jQuery 检测 Safari

2022-08-30 05:03:46

虽然两者都是基于Webkit的浏览器,但Safari urlencode在URL中引用了引号,而Chrome则没有。

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

jQuery的浏览器检测文档将“safari”标记为已弃用。

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


答案 1

混合使用 和 字符串:feature detectionUseragent

    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');}

答案 2

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

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