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