使用 url 参数时，iphone 的 Webapp 从主屏幕切换到 Safari答案

【问题标题】：Webapp for iphone switches from home screen to Safari when url parameters are used使用 url 参数时，iphone 的 Webapp 从主屏幕切换到 Safari
【发布时间】：2012-01-18 14:03:04
【问题描述】：

我为 iPhone 开发了一个网络应用程序，我已将它添加到书签并添加到我的 iPhone 的主屏幕中。不过，我注意到它有一个问题：它按预期工作，直到我导航到应用程序中具有查询字符串和参数的页面 - 例如，www.mywebapp.com/page02.html?param1=value&param2=value2。当我转到具有此类 URL 的页面时，iOS 会将我从 Safari 的嵌入式版本切换到主要的 Safari 应用程序 - 它使我脱离了我的应用程序。我不知道为什么会这样。

这是什么原因造成的，我该怎么办？

【问题讨论】：

“从主屏幕切换到 Safari”是什么意思？已添加书签的应用程序是否会从主屏幕消失 - 还是会从 UIWebView 风格的浏览器切换到 Mobile Safari？
嗨！使用“开关...”，我的意思是 WebApp 从 UIWebView 样式的浏览器切换到您提到的 Mobile Safari。这很奇怪，因为它只发生在我在 URL 中使用参数时。我想 iphone webapps 和 url 参数会有一些限制。你知道这个问题的任何解决方案吗？
iPhone Safari Web App opens links in new window的可能重复

标签： iphone ios web-applications mobile-safari

【解决方案1】：

我不确定是什么原因造成的，但this question about UIWebView issues 有一个解决方案，可以让一些链接在 UIWebView 页面中打开，一些链接在 Mobile Safari 中打开，所以我敢打赌，您可以将其概括为您的解决方案问题。

【讨论】：

【解决方案2】：

这就是 Apple 设计的方式。如果您需要一个多视图 Web 应用程序，您需要在 JavaScript 中实现页面切换逻辑。其他一切都会导致您描述的问题 -> 跳转到 Safari。

【讨论】：

【解决方案3】：

我找到了最佳解决方案：使用客户端数据存储。您可以使用 JavaScript 将变量信息存储到变量 localStorage 和 sessionStorage 中。

查看这些链接： O'Reilly client-side data storage tutorial 和 Apple key-value client-side data storage tutorial for web apps

【讨论】：

【解决方案4】：

非常感谢提供解决方案的@BjornKaiser，这是一个简单的 jQuery 脚本，它将为您处理所有链接。

将此添加到主 ASP.Net 页面的头部。确保包含 jquery：

<head>
    <!-- Your reference to your jQuery library -->
    <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>

    <script type="text/javascript">
        $(function() {
          $('a').click(function() {
            document.location = $(this).attr('href');
            return false;
          });
        });
    </script>
</head>

【讨论】：