缓存清单在 "Refresh Page" 后丢失页面

Cache Manifest loses page after "Refresh Page"

我们的 MVC C# 应用程序中有一个缓存清单。目前它正在缓存 .js .css 和一些 HTML 文件。

最初效果很好,但在返回到索引页面时 - 并在离线时触发 Safari 中的刷新,浏览器将显示离线屏幕。

我们希望此应用程序在缓存后可以脱机使用,即使触发刷新也是如此。我们还希望允许该页面在用户进入浏览器并在地址栏中键入 URL 时可用 而离线 .

这是我们的清单页面:

CACHE MANIFEST
# version 1

CACHE:
~/
~/Content/style.css
~/Scripts/modernizr-2.6.2.js
~/Scripts/jquery-1.10.2.min.js
~/events.html
~/index.html

FALLBACK:
/events /events.html


NETWORK:
*

@{
    Layout = null;
}

如果出现以下情况,请告知我们以协助我们:

  1. 这可能吗?
  2. 我们 configuration/manifest 中需要更改的内容。
  3. 备选methods/resources 看看。

谢谢。

这不是一个很好的修复,但我会 post 它作为一个可能的解决方案,以防有人访问此页面。

所以基本上我们禁用了 'pull down to refresh' 并在索引页面上预加载了我们的页面。使用 jquery 手机在它们之间切换页面。 (因为 JQuery 之后移动设备基本上将其视为单页应用程序。)

我们通过这样做禁用了刷新:

chrome://flags/#disable-pull-to-refresh-effect 记录在这里:

预加载页面:

<div style="display:none;">
        <a href="/Rou/Rou" data-prefetch>Prefeched</a>
        <a href="/Li/RoLif" data-prefetch>Prefeched</a>
        <a href="/Li/Sint" data-prefetch>Prefeched</a>
        <a href="/Sig/Signature" data-prefetch>Prefeched</a>
        <a href="/Home/Logout" data-prefetch>Prefeched</a>
    </div>