确定用户是否从移动Safari浏览

我有一个应用程序，我想根据用户的导航位置将其重定向到不同的页面。

如果从Web剪辑导航，请不要重定向。如果从移动Safari浏览，请重定向到safari.aspx。如果从其他任何地方导航，请重定向到unavailable.aspx

我能够使用iPhone WebApp，是否可以检测其加载方式？主屏幕还是Safari？确定用户是否正在从Web剪辑导航，但是我无法确定用户是否从iPhone或iPod上的移动Safari浏览。

这是我所拥有的：

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-iOS上的Safari和iOS上的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

苹果浏览器

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对于这种简单的正则表达式，无需多次调用，而更喜欢使用lighter.test方法。
• 的g（全局）的正则表达式标志为无用，而i（不区分大小写）可以是有用的
• 无需捕获（括号），我们只是测试字符串

我正在使用此功能，因为true对于我来说可以使用移动Chrome浏览器（行为相同）：

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

（我只想检测设备是否是iOS应用程序的目标）

实际上，检测移动性野生动物园并没有灵丹妙药。有相当多的浏览器可以使用移动浏览器用户代理的关键字。也许您可以尝试特征检测并不断更新规则。

我知道这是一个老话题，但我想与大家分享我的解决方案。

我需要检测用户何时从Desktop Safari导航（因为我们在2017年中期，而Apple没有提供对input[type="date"]YET的任何支持...

因此，我为此做了一个后备自定义datepicker）。但仅适用于桌面版的safari，因为该输入类型在移动Safari中可以正常工作。因此，我使此正则表达式仅检测桌面Safari。我已经测试过了，它与Opera，Chrome，Firefox或Safari Mobile不匹配。

希望它可以帮助你们中的一些人。

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

我赞成@unwitting的答案，因为这不可避免地使我前进。但是，在iOS Webview中渲染SPA时，我需要对其进行一些调整。

function is_iOS () {
    /*
        Returns (true/false) 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 webkitUa !== 'undefined' && iOS && webkitUa && !ua.match(/CriOS/i);
};

主要区别在于webkitto的重命名，以webkitUa防止与webkit用作SPA＆UIView之间的消息处理程序的根对象发生冲突。

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

我一直在寻找这个答案，我记得我以前曾遇到过这个问题。

在JavaScript中检测iOS上Safari的最可靠方法是

if (window.outerWidth === 0) {
    // Code for Safari on iOS
} 

or 

if (window.outerHeight === 0) {
    // Code for Safari on iOS
} 

由于某些原因，iOS上的Safari对于window.outerHeight属性和window.outerWidth属性返回0。

这适用于所有版本的iOS上的所有iPad和iPhone。其他所有浏览器和设备都可以正常使用此属性。

不知道他们是否打算更改此设置，但目前效果很好。

这个正则表达式适合我，干净简单

const isIOSSafari = !! window.navigator.userAgent.match（/ Version / [\ d。] +。* Safari /）;