Deteksi Safari menggunakan jQuery

Meskipun keduanya adalah browser berbasis Webkit, tanda kutip urlencode Safari di URL sementara Chrome tidak.

Oleh karena itu saya perlu membedakan keduanya di JS.

Dokumen deteksi browser jQuery menandai "safari" sebagai usang.

Apakah ada metode yang lebih baik atau apakah saya tetap menggunakan nilai yang tidak berlaku lagi untuk saat ini?

Menggunakan campuran feature detectiondan 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);

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

Atau hanya untuk Safari, gunakan ini:

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

Yang berikut ini mengidentifikasi Safari 3.0+ dan membedakannya dari Chrome:

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

sayangnya contoh di atas juga akan mendeteksi browser default android sebagai Safari, padahal sebenarnya bukan. Saya dulu navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

Untuk memeriksa Safari saya menggunakan ini:

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

Ini bekerja dengan benar.

Rupanya satu-satunya solusi yang dapat diandalkan dan diterima adalah melakukan deteksi fitur seperti ini:

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;

Satu-satunya cara yang saya temukan adalah memeriksa apakah navigator.userAgent berisi kata iPhone atau iPad

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

Jika Anda memeriksa penggunaan browser $.browser. Tetapi jika Anda memeriksa dukungan fitur (disarankan) kemudian gunakan $.support.

Anda TIDAK boleh menggunakan $ .browser untuk mengaktifkan / menonaktifkan fitur di halaman. Alasannya tidak dapat diandalkan dan umumnya tidak disarankan.

Jika Anda membutuhkan dukungan fitur maka saya merekomendasikan 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/

Cara yang sangat berguna untuk memperbaikinya adalah dengan mendeteksi versi browser webkit dan memeriksa apakah versi tersebut paling tidak yang kita butuhkan, atau lakukan yang lain.

Menggunakan jQuery seperti ini:

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

Ini memberikan perbaikan yang aman dan permanen untuk menangani masalah dengan penerapan webkit yang berbeda pada browser.

Selamat membuat kode!

Ini akan menentukan apakah browser itu Safari atau bukan.

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

Saya menggunakan untuk mendeteksi mesin browser Apple, kondisi JavaScript sederhana ini:

 navigator.vendor.startsWith('Apple')

FUNGSI Generik

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