“offline-caching”的相关标签问题

0 投票

1 回答

2079 浏览

html - 现代 Web 应用程序的离线和套接字选项是什么？

所以我一直在考虑构建一个相当复杂的应用程序。构建 html5 版本的想法已经成为一种非常有吸引力的可能性。不过，我首先有几个问题。

我首先关心的是目前离线应用程序 API 的可靠性。我一直在研究这个标准： http: //www.whatwg.org/specs/web-apps/current-work/multipage/offline.html它看起来很容易实现和使用，但我想知道它有多容易是用吗？假设您设置了清单等，Web 应用程序是否只是通过转到您最初下载应用程序的相同 url 访问（离线）？

我的另一个问题是套接字的使用。这个离线应用程序仍然需要能够与本地服务器通信，理想情况下我希望避免托管 Web 服务器，但是套接字连接是合理的。当浏览器离线时，websockets 目前的工作情况如何？即使没有活动的互联网连接，是否有可能运行完全联网/交互式浏览器应用程序？（首次下载应用程序后）

任何见解都会很棒！

0 投票

1 回答

2868 浏览

html - HTML 5 缓存清单是否也适用于 ajax 请求？

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

我正在对清单文件使用一个操作，以便可以动态生成它，并在视图中指定 Resonse.ContentType = "text/cache-manifest"。

我已经在 IIS 中本地托管了应用程序，所以我使用http://192.168.55.127/mywebsite/来访问它。

这是我正在使用的清单视图。它使用剃刀视图引擎，并且在我试图找出问题所在时有点混乱（硬编码的 URL 等）。

这会产生如下路径：

这似乎很好。

我也使用完整路径引用了清单文件：

这似乎没问题，因为当我在 chrome 中加载网站并观察开发人员控制台时，它似乎缓存了所有文件而不会引发任何错误。此外，如果我导航到http://192.168.55.127/mywebsite/manifest ，它会提供我希望看到的清单。

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

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

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

有人对我做错了什么有任何想法吗？我是否遗漏了一些明显的东西或误解了清单应该如何工作？任何建议将不胜感激。

html offline-caching offline-mode

0 投票

1 回答

333 浏览

html - HTML5 offline strange behaviour

I am having a problem with a web app that I'm working on and I have posted a question here which is a bit vague and probably not very helpful. I have decided to create a really basic site and build it up to be like the main app and see where it breaks. I have done this and got stuck straight away with the offline caching.

This is a basic 3 page static website hosted locally in IIS 7.5. I created the folder c:\inetpub\wwwroot\ManifestTesting, added it to IIS as a web application and added a new MIME type of text/cache-manifest for the .appcache extension. I am also using FireFox 9.0 for testing as this has an offline mode feature.

I created 3 html pages and added them to the ManifestTesting folder:

index.htm - this page contains 2 links to page1.htm and page2.htm
page1.htm - just contains a header that says page 1
page2.htm - just contains a header that says page 2

So now if I browse to http://localhost/manifesttesting if get the index page and can navigate to the 2 pages.

I then created a file called manifest.appcache and added it to the ManifestTesting folder:

and added the reference to the manifest file in the index.htm:

So if I clear all history and browse to the index.htm, FireFox asks if I want to allow the website to store data for offline use. I click allow, switch the browser to offline mode then attempt to navigate to page1.htm which works fine! So all is good so far.

Now for the bit that I don't understand. I then created a new folder in the ManifestTesting folder called 'pages' and moved page1 and page2 into it. I updated the links in the index to reference the new location and if I browse the website without the manifest reference, it all works fine just as before. I then re-reference the manifest file in the index and update the manifest to be like:

I then clear history, refresh, firefox asks to allow the website to store offline data, enable offline mode and then attempt to navigate to page1 - it doesn't work! FireFox tells me it's in offline mode and can't browse the web!

What am I doing wrong?

html offline-caching offline-mode offline-browsing

0 投票

1 回答

225 浏览