Определите, был ли пользователь перемещен с мобильного Safari

Question

У меня есть приложение, и я бы хотел перенаправить пользователей на разные страницы на основе того, с чего они перемещаются.

Если вы переходите с веб-клипа, не перенаправляйте его. Если вы перейдете с мобильного Safari, переадресовывайтесь на safari.aspx. Если навигации из любого другого, перенаправлять unavailable.aspx

Я был в состоянии использовать iPhone WebApps, is there a way to detect how it was loaded? Home Screen vs Safari?, чтобы определить, если пользователь навигации с веб-клипа, но у меня возникают проблемы определения, если пользователь навигация с мобильного Safari на iPhone или iPod.

Вот что у меня есть:

if (window.navigator.standalone) { 
    // user navigated from web clip, don't redirect 
} 
else if (/*logic for mobile Safari*/) { 
    //user navigated from mobile Safari, redirect to safari page 
    window.location = "safari.aspx"; 
} 
else { 
    //user navigated from some other browser, redirect to unavailable page 
    window.location = "unavailable.aspx"; 
} 

Answer 1

UPDATE: Это очень старый ответ, и я не могу удалить его, потому что ответ принят. Проверьте unwitting's answer below для лучшего решения.

---

Вы должны быть в состоянии проверить на "IPad" или "iPhone" подстроки в user agent строке:

var userAgent = window.navigator.userAgent; 

if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) { 
    // iPad or iPhone 
} 
else { 
    // Anything else 
} 

Answer 2

лучшая практика:

function isMobileSafari() { 
    return navigator.userAgent.match(/(iPod|iPhone|iPad)/) && navigator.userAgent.match(/AppleWebKit/) 
} 

Answer 3

На самом деле, ISN это серебряная пуля обнаружения мобильного сафари. Существует довольно много браузеров, которые могут использовать ключевые слова пользовательского агента мобильного сафари. Возможно, вы можете попробовать функцию обнаружения и продолжить обновление правила.

Answer 4

См https://developer.chrome.com/multidevice/user-agent#chrome_for_ios_user_agent - строки агента пользователя для Safari на прошивку и для Chrome на прошивке является неудобно похоже:

Chrome

Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0 (KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3

Safari

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3

Похоже, что лучший подход здесь - прежде всего проверить iOS, как предложили другие ответы, а затем отфильтровать материал, который делает уникальным Safari UA, который я бы предложил, лучше всего выполнить с помощью «AppleWebKit и не является CriOS», :

var ua = window.navigator.userAgent; 
var iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i); 
var webkit = !!ua.match(/WebKit/i); 
var iOSSafari = iOS && webkit && !ua.match(/CriOS/i); 

Answer 5

Падение код только найти мобильное сафари и ничего (кроме дельфинов и других небольших браузеров)

(/(iPad|iPhone|iPod)/gi).test(userAgent) && 
    !(/CriOS/).test(userAgent) && 
    !(/FxiOS/).test(userAgent) && 
    !(/OPiOS/).test(userAgent) && 
    !(/mercury/).test(userAgent) 

Answer 6

function isIOS { 
    var ua = window.navigator.userAgent; 
    return /(iPad|iPhone|iPod).*WebKit/.test(ua) && !/(CriOS|OPiOS)/.test(ua); 
} 

Answer 7

Объединять все ответы и комментарии. И это результат.

function iOSSafari(userAgent) 
{ 
    return /iP(ad|od|hone)/i.test(userAgent) && /WebKit/i.test(userAgent) && !(/(CriOS|FxiOS|OPiOS|mercury)/i.test(userAgent)); 
} 



var iOSSafari = /iP(ad|od|hone)/i.test(window.navigator.userAgent) && /WebKit/i.test(window.navigator.userAgent) && !(/(CriOS|FxiOS|OPiOS|mercury)/i.test(window.navigator.userAgent)); 

Answer 8

Видя все ответы, вот несколько советов о предлагаемых регулярных выражениях:

• AppleWebKit спичка Desktop Safari тоже (не только мобильный)
• нет необходимости вызывать более .match чем один раз для таких простых регулярных выражений, и предпочитают более легкий метод .test.
• (глобальное) флаг регулярного выражения g бесполезно в то время как i (чувствительно к регистру) может быть полезным
• нет необходимости захвата (скобка), мы не только тестирования строки

Я просто с помощью это, так как получение true для мобильного Chrome нормально для меня (то же самое поведение):

/iPhone|iPad|iPod/i.test(navigator.userAgent) 

(я просто хочу, чтобы обнаружить, если устройство является мишенью для приложения IOS)

Answer 9

Я поддержал ответ @unwitting, так как он неизбежно заставил меня идти. Однако при рендеринге моего SPA в iOS Webview мне нужно было немного его подстроить.

function is_iOS() { 
    /* 
     Returns whether device agent is iOS Safari 
    */ 
    var ua = navigator.userAgent; 
    var iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i); 
    var webkitUa = !!ua.match(/WebKit/i); 

    return typeof webkit !== 'undefined' && iOS && webkit && !ua.match(/CriOS/i); 
}; 

Основное отличие заключается, переименование webkit к webkitUa, так, чтобы предотвратить столкновение с объектом корневой webkit, используемого в качестве обработчика сообщений между SPA & UIView.

Answer 10

Я знаю, что это старая нить, но я хотел бы поделиться своим решением с вами, ребята.

мне нужно, чтобы определить, когда пользователь переходит из рабочего стола Safari (Потому что мы в середине 2017 года, и компания Apple не дает никакой поддержки input[type="date"] ЕЩЕ ...

Итак, я сделал запасной пользовательский DatePicker для этого) . Но применяется только к сафари на рабочем столе, потому что этот тип ввода отлично работает в мобильном Safari. Итак, я сделал это Regex только для обнаружения рабочего стола Safari. Я уже тестировал его, и он не соответствует Opera, Chrome, Firefox или Safari Mobile.

Надеюсь, это поможет некоторым из вас, ребята.

if(userAgent.match(/^(?!.*chrome).(?!.*mobile).(?!.*firefox).(?!.*iPad).(?!.*iPhone).*safari.*$/i)){ 
    $('input[type="date"]').each(function(){ 
    $(this).BitmallDatePicker(); 
    }) 
}