gpt4 book ai didi

html - HTML 5 缓存 list 也应该与 ajax 请求一起工作吗?

转载 作者:太空狗 更新时间:2023-10-29 13:53:01 24 4
gpt4 key购买 nike

我正在尝试让 HTML 5 离线应用程序缓存与 ASP MVC 3 网站一起使用。我得到的问题是当我尝试在离线模式下导航到某个页面时,它不起作用。

我正在对 list 文件使用一个操作,以便它可以动态生成,并且在我指定的 View 中Resonse.ContentType = "text/cache-manifest".

我在 IIS 中本地托管了该应用程序,因此我正在使用 http://192.168.55.127/mywebsite/访问它。

这是我正在使用的 list View 。它使用 razor View 引擎并且有点困惑(硬编码 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

这似乎很好。

我也使用完整路径引用了 list 文件:

<html manifest="http://192.168.55.127/mywebsite/manifest">

这似乎没问题,因为当我在 chrome 中加载网站并观察开发人员控制台时,它似乎缓存所有文件而不抛出任何错误。另外,如果我导航到 http://192.168.55.127/mywebsite/manifest它提供了 list ,正如我所期望的那样。

该网站不使用普通导航,而是使用散列片段导航 - 因此导航到主页的 url 将是 master.htm#home 或选项将是 master.html#options。此哈希更改由 javascript 获取,并使用 ajax 将页面加载到 master 中的 div 容器中,更具体地说,它使用 jQuery 中的“加载”方法来执行此操作。

这在不处于离线模式时一切正常,并且在导航时观察 chrome 中的网络选项卡时,请求 URL 是正确的,并且与 list 文件中列出的 URL 相同。我唯一能想到的是离线模式不适用于 ajax 请求,但我的印象是它同样有效。

我正在使用 FireFox(9.0 版)测试离线模式,方法是清除所有历史记录,浏览到网站主页,启用离线模式,然后尝试导航到选项页面。在 Firebug 中,我看到一个 GET 请求,请求选项页面的正确 URL,但它永远不会返回,它甚至没有错误。加载轮(在 firebug 的网络选项卡中的请求旁边)一直在转动,就好像它仍在加载一样。我也在 Opera 11.60 中尝试过(因为它也有离线模式)并且发生了同样的事情。

有人知道我做错了什么吗?我是否遗漏了一些明显的东西或误解了 list 的工作方式?任何建议将不胜感激。

最佳答案

(我知道这个问题很老,但供将来引用...)

如果 AJAX 内容文件正确地列在 AppCache list 文件中(看起来确实如此),那么这应该可以工作。就个人而言,我会使用相对路径而不是绝对路径,但这应该没有什么区别。

您的问题似乎是 list 文件没有文件扩展名。尝试将文件(及其在 master.htm 中的引用)重命名为 appcache.manifest 或类似名称。然后您需要确保在服务器中设置了 list 文件的 MIME 类型。例如。对于 Apache,您将添加如下内容:

AddType text/cache-manifest .manifest

到服务器的配置文件或您的 .htaccess 文件。

此外,除了在测试时清除缓存数据外,请确保在更改 list 文件时至少刷新页面几次,因为浏览器会在单独的页面加载中检查更新和下载文件。

最后,如果您使用 AJAX 提取的文件在 URL 中包含参数,例如?id=1234,但未在 list 文件中列出。此处似乎并非如此,但需要注意这一点。

关于html - HTML 5 缓存 list 也应该与 ajax 请求一起工作吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8713814/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com