高速缓存清单在"刷新页面"之后丢失页面。

时间:2017-01-09 16:59:53

标签: c# html5 cache-manifest

我们的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. 我们的配置/清单需要更改什么。
  3. 要查看的替代方法/资源。
  4. 谢谢。

1 个答案:

答案 0 :(得分:0)

这不是一个很大的修复方法,但我会将其作为一个可能的解决方案发布,以防有​​人登陆此页面。

所以基本上我们禁用了'pull down to refresh'并在索引页面上预装了我们的页面。使用jquery mobile在它们之间更改页面。 (因为JQuery mobile基本上将此视为单页应用程序。)

我们禁用了刷新:

chrome://flags/#disable-pull-to-refresh-effect 记录在此:https://stackoverflow.com/a/29171474/1800668

预加载页面:

<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>
相关问题