Detect Safari using jQuery

browser-detection, javascript, jquery

Solution

Using a mix of `feature detection` and `Useragent` string:

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

Usage: `if (is_safari) alert('Safari');`

Or for Safari only, use this :

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

Problem

Though both are Webkit based browsers, Safari urlencodes quotation marks in the URL while Chrome does not. Therefore I need to distinguish between these two in JS. jQuery's browser detection docs mark "safari" as deprecated. Is there a better method or do I just stick with the deprecated value for now?

Original source

Related problems