Erkennen Sie Safari mit jQuery

Obwohl beide Webkit-basierte Browser sind, werden in Safari Anführungszeichen in der URL in Safari-Urlencodes gesetzt, in Chrome jedoch nicht.

Daher muss ich in JS zwischen diesen beiden unterscheiden.

In den Browsererkennungsdokumenten von jQuery wird "Safari" als veraltet markiert.

Gibt es eine bessere Methode oder halte ich mich vorerst nur an den veralteten Wert?

Verwenden einer Mischung aus feature detectionund UseragentZeichenfolge:

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

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

Oder verwenden Sie Folgendes nur für Safari:

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

Im Folgenden wird Safari 3.0+ identifiziert und von Chrome unterschieden:

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

Leider erkennen die obigen Beispiele auch den Standardbrowser von Android als Safari, was nicht der Fall ist. ich benutzte navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Zur Überprüfung von Safari habe ich Folgendes verwendet:

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

Es funktioniert richtig.

Anscheinend wäre die einzige zuverlässige und akzeptierte Lösung die Erkennung von Merkmalen wie folgt:

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;

Ich habe nur überprüft, ob navigator.userAgent ein iPhone- oder iPad-Wort enthält

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

Wenn Sie den Browser überprüfen, verwenden Sie $.browser. Wenn Sie jedoch die Funktionsunterstützung überprüfen (empfohlen), verwenden Sie $.support.

Sie sollten $ .browser NICHT verwenden, um Funktionen auf der Seite zu aktivieren / deaktivieren. Grund dafür ist, dass es nicht zuverlässig ist und im Allgemeinen einfach nicht empfohlen wird.

Wenn Sie Funktionsunterstützung benötigen, empfehle ich 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/

Eine sehr nützliche Möglichkeit, dies zu beheben, besteht darin, die Webkit-Version des Browsers zu erkennen und zu überprüfen, ob es mindestens die ist, die wir benötigen, oder etwas anderes zu tun.

Mit jQuery geht es so:

"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.");
    };
});

Dies bietet eine sichere und dauerhafte Lösung für Probleme mit den verschiedenen Webkit-Implementierungen des Browsers.

Viel Spaß beim Codieren!

Dies bestimmt, ob der Browser Safari ist oder nicht.

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

Ich benutze, um Apple Browser Engine zu erkennen, diese einfache JavaScript-Bedingung:

 navigator.vendor.startsWith('Apple')

Generische FUNKTION

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