Rileva Safari utilizzando jQuery

Sebbene entrambi siano browser basati su Webkit, l'URL di Safari codifica le virgolette nell'URL mentre Chrome no.

Pertanto ho bisogno di distinguere tra questi due in JS.

I documenti di rilevamento del browser di jQuery contrassegnano "safari" come deprecato.

C'è un metodo migliore o per ora mi limito al valore deprecato?

Usando un mix di feature detectione Useragentstring:

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

Uso:
if (is_safari) alert('Safari');

O solo per Safari, usa questo:

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

Quanto segue identifica Safari 3.0+ e lo distingue da Chrome:

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

sfortunatamente gli esempi precedenti rileveranno anche il browser predefinito di Android come Safari, cosa che non è. ero solito navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Per controllare Safari ho usato questo:

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

Funziona correttamente.

Apparentemente l'unica soluzione affidabile e accettata sarebbe quella di eseguire il rilevamento delle funzionalità in questo modo:

browser_treats_urls_like_safari_does = false;
var last_location_hash = location.hash;
location.hash = '"blah"';
if (location.hash == '#%22blah%22')
    browser_treats_urls_like_safari_does = true;
location.hash = last_location_hash;

L'unico modo che ho trovato è controllare se navigator.userAgent contiene parole per iPhone o iPad

if (navigator.userAgent.toLowerCase().match(/(ipad|iphone)/)) {
    //is safari
}

Se stai controllando l'utilizzo del browser $.browser. Ma se stai controllando il supporto delle funzionalità (consigliato), usa $.support.

NON usare $ .browser per abilitare / disabilitare le funzionalità sulla pagina. Il motivo è che non è affidabile e generalmente non è consigliato.

Se hai bisogno di supporto per le funzionalità, ti consiglio modernizr .

//Check if Safari
  function isSafari() {
      return /^((?!chrome).)*safari/i.test(navigator.userAgent);
  }
//Check if MAC
     if(navigator.userAgent.indexOf('Mac')>1){
        alert(isSafari());
     }

http://jsfiddle.net/s1o943gb/10/

Un modo molto utile per risolvere questo problema è rilevare la versione del webkit del browser e verificare se è almeno quella di cui abbiamo bisogno, altrimenti fare qualcos'altro.

Usando jQuery funziona così:

"use strict";

$(document).ready(function() {
    var appVersion                  = navigator.appVersion;
    var webkitVersion_positionStart = appVersion.indexOf("AppleWebKit/") + 12;
    var webkitVersion_positionEnd   = webkitVersion_positionStart + 3;
    var webkitVersion               = appVersion.slice(webkitVersion_positionStart, webkitVersion_positionEnd);
	
    console.log(webkitVersion);

    if (webkitVersion < 537) {
        console.log("webkit outdated.");
    } else {
        console.log("webkit ok.");
    };
});

Ciò fornisce una soluzione sicura e permanente per affrontare i problemi con le diverse implementazioni del webkit del browser.

Buona programmazione!

Questo determinerà se il browser è Safari o meno.

if(navigator.userAgent.indexOf('Safari') !=-1 && navigator.userAgent.indexOf('Chrome') == -1)
{
    alert(its safari);
}else {
    alert('its not safari');
}

    // Safari uses pre-calculated pixels, so use this feature to detect Safari
    var canva = document.createElement('canvas');
    var ctx = canva.getContext("2d");
    var img = ctx.getImageData(0, 0, 1, 1);
    var pix = img.data;     // byte array, rgba
    var isSafari = (pix[3] != 0);   // alpha in Safari is not zero

Uso per rilevare il motore del browser Apple, questa semplice condizione JavaScript:

 navigator.vendor.startsWith('Apple')

FUNZIONE generica

 var getBrowseActive = function (browserName) {
   return navigator.userAgent.indexOf(browserName) > -1;
 };