Обнаружение Safari с помощью jQuery

Question

Обнаружение Safari с помощью jQuery

хотя оба браузера на основе Webkit, Safari urlencodes кавычки в URL, а Chrome нет.

поэтому мне нужно различать эти два в JS.

обнаружение браузера jQuery docs пометить "safari" как устаревший.

есть ли лучший метод или я просто придерживаюсь устаревшего значения на данный момент?

467 12

jQuery javascript browser-detection

12 ответов:

Comments

Ничего не найдено.

Panos Kal. · Accepted Answer · 2018-02-16 10:51:41

С использованием feature detection и Useragent строку:

    var is_chrome = !!window.chrome && !is_opera;
    var is_explorer= typeof document !== 'undefined' && !!document.documentMode && !isEdge;
    var is_firefox = typeof window.InstallTrigger !== 'undefined';
    var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
    var is_opera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

использование:
if (is_safari) alert('Safari');

или только для Safari, используйте это:

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

brissmyr · Accepted Answer · 2013-10-16 17:43:33

следующее определяет Safari 3.0+ и отличает его от Chrome:
isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)

user3107045 · Accepted Answer · 2013-12-16 13:05:57

к сожалению, приведенные выше примеры также обнаружат браузер android по умолчанию как Safari, чего нет. Я navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && navigator.userAgent.indexOf('Android') == -1

FlamyTwista · Accepted Answer · 2012-08-31 12:46:15

для проверки Safari я использовал это:
$.browser.safari = ($.browser.webkit && !(/chrome/.test(navigator.userAgent.toLowerCase())));
if ($.browser.safari) {
    alert('this is safari');
}
Он работает правильно.

AndreKR · Accepted Answer · 2011-06-16 15:50:31

по-видимому, единственным надежным и приемлемым решением было бы сделать обнаружение функций следующим образом:
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;

ohrlando · Accepted Answer · 2016-02-18 19:42:55

единственный способ, который я нашел, это проверить, если навигатор.userAgent содержит iPhone или iPad word
if (navigator.userAgent.toLowerCase().match(/(ipad|iphone)/)) {
    //is safari
}

John Strickler · Accepted Answer · 2011-05-05 17:59:27

Если вы проверяете использование браузера $.browser. Но если вы проверяете поддержку функций (рекомендуется), то используйте $.support.

вы не должны использовать $.браузера для включения/выключения функций на странице. Причина в том, что он не надежен и вообще просто не рекомендуется.

Если вам нужна поддержка, то я рекомендую modernizr.

user1330204 · Accepted Answer · 2014-07-15 23:49:07

общая функция

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

   return false;
 };

Code Spy · Accepted Answer · 2015-08-27 20:29:23

//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/

reicek · Accepted Answer · 2016-11-22 15:58:35

очень полезный способ исправить это-обнаружить версию webkit браузеров и проверить, является ли она по крайней мере той, которая нам нужна, иначе сделайте что-то еще.

С помощью jQuery это выглядит так:
"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.");
    };
});
Это обеспечивает безопасное и постоянное исправление для решения проблем с различными реализациями webkit браузера.

удачи в кодировании!

Dushyant Dagar · Accepted Answer · 2017-11-17 13:54:37

это определит, является ли браузер Safari или нет.
if(navigator.userAgent.indexOf('Safari') !=-1 && navigator.userAgent.indexOf('Chrome') == -1)
{
    alert(its safari);
}else {
    alert('its not safari');
}

Vitaly · Accepted Answer · 2018-03-25 07:55:00

    // 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