У меня есть приложение, и я бы хотел перенаправить пользователей на разные страницы в зависимости от того, с чего они перемещаются.
Если переходить с веб-клипа, не перенаправляйте. Если вы перейдете с мобильного Safari, переадресовывайтесь на safari.aspx. Если вы переходите из любого места, переадресовывайте его в unavailable.aspx
Я смог использовать iPhone WebApps, есть ли способ определить, как он был загружен? 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";
}
ОБНОВЛЕНИЕ: Это очень старый ответ, и я не могу удалить его, потому что ответ принят. Проверьте невольный ответ ниже, чтобы найти лучшее решение.
Вы должны быть в состоянии проверить подстроку "iPad" или "iPhone" в строке агента пользователя :
var userAgent = window.navigator.userAgent;
if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) {
// iPad or iPhone
}
else {
// Anything else
}
См. https://developer.chrome.com/multidevice/user-agent#chrome_for_ios_user_agent - строки пользовательского агента для Safari в iOS и для Chrome на iOS неудобно похожи:
Хром
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
Сафари
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);
Лучшая практика:
function isMobileSafari() {
return navigator.userAgent.match(/(iPod|iPhone|iPad)/) && navigator.userAgent.match(/AppleWebKit/)
}
Падение кода позволяет найти только сафари для мобильных устройств и больше ничего (кроме дельфинов и других небольших браузеров)
(/(iPad|iPhone|iPod)/gi).test(userAgent) &&
!(/CriOS/).test(userAgent) &&
!(/FxiOS/).test(userAgent) &&
!(/OPiOS/).test(userAgent) &&
!(/mercury/).test(userAgent)
Объединил все ответы и комментарии. И это результат.
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));
Увидев все ответы, вот несколько советов о предлагаемых RegExes:
AppleWebKit соответствует также Safari рабочего стола (не только для мобильных устройств).match более одного раза для таких простых регулярных выражений и предпочитает более легкий .test метод.g (global) regex бесполезен, в то время как i (без учета регистра) может быть полезнымЯ просто использую это, так как получение true для мобильного Chrome для меня в порядке (такое же поведение):
/iPhone|iPad|iPod/i.test(navigator.userAgent)
(Я просто хочу определить, является ли устройство целью для приложения iOS)
На самом деле, нет серебряной пули для обнаружения мобильного сафари. Существует довольно много браузеров, которые могут использовать ключевые слова пользовательского агента мобильного сафари. Возможно, вы можете попробовать функцию обнаружения и продолжить обновление правила.
Я поддержал ответ @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.
function isIOS {
var ua = window.navigator.userAgent;
return /(iPad|iPhone|iPod).*WebKit/.test(ua) && !/(CriOS|OPiOS)/.test(ua);
}
Я знаю, что это старый поток, но я хотел бы поделиться своим решением с вами, ребята.
Мне нужно было обнаружить, когда пользователь переходит из Desktop Safari (потому что мы находимся в середине 2017 года, и Apple не дает поддержки для input[type="date"] YET...
Итак, я сделал для него резервный пользовательский датпикер). Но применяется только к сафари на рабочем столе, потому что этот тип ввода отлично работает в мобильном 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();
})
}
Я искал этот ответ и вспомнил, что сталкивался с этим раньше.
Самый надежный способ обнаружить Safari на iOS в JavaScript - это
if (window.outerWidth === 0) {
// Code for Safari on iOS
}
or
if (window.outerHeight === 0) {
// Code for Safari on iOS
}
По какой-то причине Safari на iOS возвращает 0 для свойства window.outerHeight и свойства window.outerWidth.
Это для всех iPad и iPhone на всех версиях iOS. В любом другом браузере и устройстве это свойство работает нормально.
Не уверен, намерены ли они изменить это, но пока это работает хорошо.
это регулярное выражение работает для меня, чисто и просто
const isIOSSafari = !! window.navigator.userAgent.match(/Version/[\ d.]+. * Safari/);