HTML 5 - 使用 localhost 测试离线缓存答案

【问题标题】：HTML 5 - Testing Offline Cache with localhostHTML 5 - 使用 localhost 测试离线缓存
【发布时间】：2012-04-02 23:01:06
【问题描述】：

我的 HTML 5 应用本地部署在 Tomcat 上，如何测试离线访问？

详细说明如下：

我有一个非常简单的基于 JSP 的 Web 应用程序，我正在尝试测试 HTML 5 离线缓存。

这就是我的 JSP 页面的样子（代码 sn-p）：

<!doctype html>
<html lang="en" manifest="example.appcache">

而且，这是清单文件：

# Resources that require the user to be online.
NETWORK:
/jsp/date.jsp

FALLBACK:
/jsp/date.jsp /jsp/staticDate.html

该应用程序部署在 Tomcat 6 上。当 Tomcat 运行时，我可以很好地访问 date.jsp 页面，并且确实看到 FF 弹出窗口询问我是否允许在本地存储数据。如何测试离线页面访问？我停止了 Tomcat，但看到标准浏览器错误页面（无法连接错误消息）。

谢谢 JJ

【问题讨论】：

【解决方案1】：

staticDate.html 也由 Tomcat 提供服务。所以你需要让Tomcat保持运行，但是在浏览器缓存了网站之后，禁用date.jsp的servlet。

【讨论】：

【解决方案2】：

你做错了。 HTML5 离线适用于您的互联网连接中断时，而不是服务器停机时。如果您的计算机上有 Internet 连接，那么它会尝试访问服务器，发现 Tomcat 没有运行，并返回 404 或 503 错误。

如果您的计算机的互联网连接中断，那么浏览器应该会识别出您没有互联网连接，然后尝试回退。

这还假设您已正确编码所有内容并使用 HTML5 浏览器。

为了测试，我建议禁用您的 PC/Mac 的互联网连接。

【讨论】：

这是否意味着 HTML 的离线缓存功能不能用于基于 Intranet 的 Web 应用程序？我断开了与 Internet 的连接，但我的 Tomcat 仍在运行（记住 URL 是 127.0.0.1:8080/offline/jsp/date.jsp，它与 Internet 连接没有依赖关系）并且我仍然看不到我的缓存页面，因为 127.0.0.1 仍然可用。
Firefox 有离线模式。我认为它在文件菜单中。这应该模拟离线。 Chrome 和其他浏览器也可能具有此功能。祝你好运！ File -> Work Offline.
我认为当 Web 应用程序在本地服务器 (localhost) 上运行时，上述任何建议都不会测试离线访问。有什么我想念的吗？任何建议都会有所帮助...
即使您的网络连接中断，您的本地主机也会始终连接。
@drogon - 我将问题和答案重新阅读了三遍。您确实是正确的，本地主机将始终连接...我将在本周末继续重新阅读，以试图弄清楚我想说什么，或者我是否只是感到困惑...这是很久以前的事了，所以我不完全记得我在想什么。感谢您在这里指出问题。看来我可能错过了涉及 localhost 的重点......