跳到主要内容

Network 细节

问题

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 ) 来强制刷新。