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

Kev*_*tre 31 safari firefox html5 google-chrome

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

Ric*_*ams 42

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

File > Work Offline
Run Code Online (Sandbox Code Playgroud)

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

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

network.disable-localhost-when-offline
Run Code Online (Sandbox Code Playgroud)

偏好于about:config.

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

  • macOS 上也是这样 (2认同)
  • 不幸的是,如果您只想要一个选项卡,它将无法工作,它将禁用所有选项卡的互联网。 (2认同)

Dav*_*vid 38

对于Firefox文件 - >脱机工作

Google Chrome似乎没有此功能

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

  • Chrome仍然没有此功能吗? (4认同)
  • Chrome现在在“开发工具”的“网络”标签下具有“离线”选项。我在Firefox上搜索类似内容,但找不到。文件->脱机工作正是我所需要的!! (2认同)

Mic*_*nis 7

对于 Firefox,从 ? (汉堡菜单),选择 Web Developer > Work Offline。

对于 Chrome,打开 DevTools 并选择 Network 面板。默认情况下,节流设置为在线(已禁用)。从下拉菜单中,您可以选择预设快速 3G 和慢速 3G,但要模拟离线模式,您需要选择离线。


小智 7

在Chrome中,您可以打开开发人员工具切换到网络标签,并将限制设置为离线