Network 还有哪些使用技巧呢?

# 1. 重新发送 XHR 的请求

如何重新发送 XHR 的请求?还在刷新页面?

太老套了,试试这么做:

# 2. 禁止请求

当你想测试页面在某个接口失败时的表现,就可以使用 Network 面板中的禁止请求的方法。

有两种方式来禁用一个请求:

  • 如果这个 **请求已经在你的请求列表中** ,你可以右键选择禁用来自当前 URL 的请求,或者来自当前域名的请求:

  • 如果是在生产环境,或者你想使用一个正则规则来匹配一系列的请求进行禁用,就可以使用 Drawer 来禁用请求:

敲黑板

如果你还不知道 Drawer 是什么,别担心,我们在后面的章节会提到。

# 3. 强制清除缓存刷新

在你没有打开 devtools 的情况下, Chrome 的刷新按钮只能简单的刷新当前页面,但是在你开启 devtools 的情况下,长按刷新按钮会多出两个选项:

  • Hard Reload 强制刷新
  • Empty Cache and Hard Reload 清除缓存强制刷新

敲黑板

你可以使用 Ctrl + Shift + R ( Windows ) 或 Cmd + Shift + R ( Mac ) 来强制刷新。

微信扫码或搜索: 前端恶霸

在公众号对话框,发送

关注期间 无限制 浏览本站全部内容

内容包括 「Chrome 调试技巧」(持续更新),以及「React 学习指北」(即将上线)

为什么我需要关注?
加入读者交流群 扫描二维码回复 Chrome
Last Updated: 6/30/2020, 12:36:00 PM