Tom*_*Tom 8 html5 offline-mode offline-caching
我正在尝试使用ASP MVC 3网站获得HTML 5离线应用程序缓存.我得到的问题是,当我尝试在离线模式下导航到页面时,它不起作用.
我正在使用清单文件的操作,以便可以动态生成它,并在视图中指定Resonse.ContentType ="text/cache-manifest".
我已经在IIS本地托管了应用程序,所以我使用http://192.168.55.127/mywebsite/来访问它.
这是我正在使用的清晰视图.它使用剃刀视图引擎,有点乱(硬编码的URL等),而我试图弄清楚什么是错的.
@{
Layout = null;
Response.ContentType = "text/cache-manifest";
}
CACHE MANIFEST
# Version: @ViewBag.Version
CACHE:
#Script Files
@foreach(var jsFile in Url.GetJsFiles())
{
@string.Format("{0}{1}\r\n", "http://192.168.55.127", Url.Content(jsFile))
}
#Style Sheets
@foreach(var cssFile in Url.GetCssFiles())
{
@string.Format("{0}{1}\r\n", "http://192.168.55.127", Url.Content(cssFile))
}
#Images
@foreach(var imageFile in Url.GetImageFiles())
{
@string.Format("{0}{1}\r\n", "http://192.168.55.127", Url.Content(imageFile))
}
#HTML Pages
@string.Format("{0}{1}", "http://192.168.55.127", Url.Content("~/pages/master.htm"))
@string.Format("{0}{1}", "http://192.168.55.127", Url.Content("~/pages/home.htm"))
@string.Format("{0}{1}", "http://192.168.55.127", Url.Content("~/pages/options.htm"))
NETWORK:
*
这导致如下路径:
http://192.168.55.127/mywebsite/scripts/Libs/jQuery.js
http://192.168.55.127/mywebsite/pages/home.htm
这似乎很好.
我也使用完整路径引用了清单文件:
<html manifest="http://192.168.55.127/mywebsite/manifest">
这似乎没问题,因为当我用chrome加载网站并观察开发者控制台时,它似乎缓存了所有文件而没有抛出任何错误.此外,如果我导航到http://192.168.55.127/mywebsite/manifest, 它会提供清单,因为我希望看到它.
该网站不使用普通导航,而是使用散列片段导航 - 所以要导航到home,url将是master.htm #home或者选项是master.html#options.这个哈希更改由javascript拾取,它使用ajax将页面加载到master中的div容器中,更具体地说,它使用jQuery中的'load'方法来执行此操作.
这一切在不处于脱机模式时都能正常工作,并且在导航时在chrome中观察网络选项卡时,请求URL是正确的,并且与清单文件中列出的URL相同.我唯一能想到的是离线模式不适用于ajax请求,但我的印象是它的工作方式相同.
我正在使用FireFox(版本9.0)测试离线模式,方法是清除所有历史记录,浏览到网站主页,启用离线模式,然后尝试导航到选项页面.在firebug中,我看到GET请求选项页面的正确URL,但它永远不会返回,甚至不会出错.装载轮(在firebug中的网络标签中的请求旁边)只是继续转动,好像它仍在装载.我也在Opera 11.60中尝试过它(因为它也有离线模式),同样的事情发生了.
任何人对我做错了什么有任何想法？我是否错过了一些明显或误解清单应如何工作的东西？任何建议将不胜感激.
（我知道这个问题很旧，但供将来参考......）
如果 AJAX 内容文件正确地列在 AppCache 清单文件中（看起来确实如此），那么这应该可以工作。就我个人而言，我会使用相对路径而不是绝对路径，但这应该没有什么区别。
您的问题似乎是清单文件没有文件扩展名。尝试将文件（及其在 master.htm 中的引用）重命名为appcache.manifest或类似名称。然后您需要确保在服务器中设置了清单文件的 MIME 类型。例如，对于 Apache，您需要添加类似以下内容：
AddType text/cache-manifest .manifest
到服务器的配置文件或 .htaccess 文件。
此外，除了在测试时清除缓存数据外，请确保在更改清单文件时至少刷新页面几次，因为浏览器会在单独的页面加载中检查更新并下载文件。
最后，如果您使用 AJAX 拉入的文件在 URL 中包含参数（例如 ?id=1234），但未在清单文件中列出，则该方法将不起作用。这里的情况似乎并非如此，但需要注意。