模拟 HTML5 缓存测试的离线模式

Question

我有一个需要离线支持的 HTML5 应用程序。我正在为应用程序使用本地 Apache 服务器，并试图找出模拟离线模式的最佳方法（目前，在 Firefox 中，我禁用我的 Air-Port 来模拟离线模式，但这很痛苦）。有什么建议么？如果存在不需要关闭 Internet 的方法，我愿意使用其他浏览器。

原文由 Kevin Sylvestre 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于火狐

☰（汉堡菜单）->更多->离线工作

谷歌浏览器似乎没有这个功能

编辑：另外，另一种选择在开始时设置起来稍微耗时一些，但可能是值得的。对于 Firefox/Chrome 应该有代理插件，为每个设置一个假的/坏的配置文件，这样你就可以代理到不存在的东西……比如 127.0.0.20:8080。之后，您可以打开和关闭代理设置以模拟全栈测试。

原文由 David 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

其他答案已过时。它出现在 Firefox v92 中的唯一位置是

File > Work Offline

File 菜单可以通过按 ALT 键在 Firefox 的左上角访问。

请注意，这 不会阻止来自“本地主机”的流量自身环回，除非您另外打开 on

 network.disable-localhost-when-offline

偏好 about:config 。

Bugzilla 问题： 添加选项以在离线模式下禁止连接到本地主机。

原文由 Richard Williams 发布，翻译遵循 CC BY-SA 4.0 许可协议