浏览器重新启动时 HTML5 离线功能不起作用

Question

我正在使用离线 HTML5 功能来缓存我的 Web 应用程序。

有时它工作得很好，但在某些情况下它会表现得很奇怪。我试图找出原因以及如何解决它。

我正在使用 Sammy，我认为这可能是相关的。

当出现问题时，

浏览到我的页面 http://domain/App 注意： 我没有包含斜杠在 /App 之后，

我被 sammy 重定向到 http://domain/App/#/

一切都被缓存（包括图像）

我离线了，我为此使用虚拟机，所以我拔掉虚拟网络适配器

我关闭浏览器

我重新打开浏览器并浏览到我的页面 http://domain/App/#/

除了图像之外，内容正在显示

如果在步骤 #1 中我浏览到 http://domain/App/ 包括斜杠。

还有一些其他奇怪的状态，它会进入未调用 sammy 路由的位置，因此页面保持空白，但我无法可靠地复制它。

??

更新：问题是上述步骤之前引起了问题。当我按照上述步骤操作时，它现在正在工作，所以很难说到底发生了什么。我每次都从一致的状态开始，因为我是从虚拟机中的快照开始。

我的缓存清单看起来像这样，

CACHE MANIFEST

javascripts/jquery-1.4.2.js
javascripts/sammy/sammy.js
javascripts/json_store.js
javascripts/sammy/plugins/sammy.template.js

stylesheets/jsonstore.css

templates/item.template
templates/item_detail.template

images/1Large.jpg
images/1Small.jpg

images/2Large.jpg
images/2Small.jpg

images/3Large.jpg
images/3Small.jpg

images/4Large.jpg
images/4Small.jpg

index.html

Answer 1

我也遇到了类似的问题。

我认为部分问题是 jquery ajax 误解了响应。我相信 sammy 正在使用 jquery 进行 ajax 调用，这会导致错误。

这是我用来测试这个的代码片段（尽管不是解决方案）

this.get('#/', function (context) {

    var uri = 'index.html';

    //  what i'm trying to call
    context.partial(uri, {});// fails on some browsers after initial caching

    //  show's that jquery's ajax is misinterpreting
    //  the response
    $.ajax({
        url:uri,
        success: function(data, textStatus, jqXHR){
            alert('success')
            alert(data);
        },
        error: function(jqXHR, textStatus, errorThrown){
            alert('error')
            if(jqXHR.status == 0){  //  this is actually a success
                alert(jqXHR.responseText);
            }else{
                alert('error code: ' + jqXHR.status)    // probably a real error
            }
        }
    });