- Published on
18-Network 细节
- Authors
- Name
- Dendoink
- @Magiciaaaaaaaan
💡
问题 Network
还有哪些使用技巧呢?
XHR
的请求
1. 重新发送 如何重新发送 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
) 来强制刷新。
Related series
00-写在前面
March 2, 2021
01-Chrome 版本
March 2, 2021
02-复制 & 保存
March 2, 2021
03-快捷键和通用技巧
March 2, 2021
04-使用 Command
March 2, 2021
05-代码块的使用
March 2, 2021
06-console 中的 $
March 2, 2021
07-console.log 的 "bug" ?
March 2, 2021
08-异步的 console
March 2, 2021
09-Ninja console.log
March 2, 2021
10-自定义格式转换器
March 2, 2021
11-对象&方法
March 2, 2021
12-console.log 并不简单
March 2, 2021
13-打造一个终极 log
March 2, 2021
14-打印时间戳
March 2, 2021
15-直接把 `log` 作为回调函数
March 2, 2021
16-初窥 Network
March 2, 2021
17-Network 深入
March 2, 2021
18-Network 细节
March 2, 2021
19-元素面板的基本操作
March 2, 2021
20-元素面板调试技巧
March 2, 2021
21-元素面板里的编辑器
March 2, 2021
22-颜色选择器
March 2, 2021
23-Drawer 使用技巧
March 2, 2021
24-Drawer 动画调试
March 2, 2021
25-Drawer 性能优化
March 2, 2021
26-Workspace 使用技巧
March 2, 2021
27-自动美化输出
March 2, 2021
28-CSS 概览
March 2, 2021
29-Custom UI Themes
March 2, 2021
30-Source diff
March 2, 2021