4

我正在运行一个 web 应用程序，该应用程序在用户使用强制门户成功登录 wifi 网络后显示。

在 iOS 上，用户登录后，我的 webapp 显示在 CNA（Captive Network Assistant）弹出窗口中，右上角的按钮标签变为“确定”以允许用户关闭此弹出窗口。

当我的 webapp 显示在这个 CNA 弹出窗口中时，我想在我的 webapp 中有一个特定的行为，所以我试图（使用 Javascript）检测我的 webapp 是否显示在这样的弹出窗口中。

我首先押注 window.innerHeight 值，但在我的 iPhone 5 上似乎很难：

  • Safari 内 460px 高度
  • 共享连接或通话期间 Safari 内的 440 像素高度
  • Captive Network Assistant 内的 459px 高度
  • 共享连接或电话呼叫期间 Captive Network Assistant 内的 439px 高度

在我看来，1px 的差异不足以判断我是否在这个 CNA 弹出窗口中。

是否有任何其他 javascript 信息可以用来确定我是否在这样的弹出窗口中？

谢谢

4

1 回答 1

8

好吧，最后我用用户代理检测到 CNA。在 CNA 内部时，用户代理在 UA 字符串中不包含“Safari/”。还使用十几种替代浏览器进行了测试，例如 Opera mini、Dolphin、Mercury、Puffin、Atomic、360 Lite、...

例如 Safari UA 字符串是：

Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25

在同一设备上，在 CNA 内部，用户代理字符串将是：

Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d

所以在 PHP 中我的检测看起来像：

$userAgent = strtolower($_SERVER['HTTP_USER_AGENT']);

if ((strpos($userAgent, 'iphone') || strpos($userAgent, 'ipad')) &&
    (strpos($userAgent, 'mozilla/') !== false) &&
    (strpos($userAgent, 'applewebkit/') !== false) &&
    (strpos($userAgent, 'mobile/') !== false) &&
    (strpos($userAgent, 'safari') === false))
{
    // Yes, we are in a CNA popup
    [...]
}
于 2013-11-17T19:40:33.340 回答