不管是前后端开发、还是测试工程师，平时都会用到浏览器开发者工具，比如调试一些web应用，定位前后端请求问题，爬虫的页面分析等具。
日常工作中使用频率最高的就是Network面板，本次主要介绍Network面板的使用技巧。
1.控制器：控制日志、缓存等信息。
2.过滤器：控制在请求列表中显示哪些资源。
1.记录请求按钮和清空请求按钮。
2.全局过滤：
对所有请求资源和响应内容（包括请求url、请求体、响应体等）进行全量搜索。
3.Preservelog
Preservelog勾选后，会保存跨页面的请求，这样跳转前后的请求都会显示在同一个请求列表中。
4.Disablecache
Disablecache，禁止从Cache中加载资源，选中就会从缓存请求数据了，一般在web应用调试时使用。
5.模拟网络
可以模拟在线、离线、弱网等场景的网页加载情况，模拟一些弱网场景还是很好用的。
网络面板的过滤器，主要就是起过滤功能，一个页面的请求中包含各种资源文件和接口数据的请求，可以通过过滤器模块来筛选你想要的文件类型，常用的是XHR和js。
XHR，即XMLHttpRequest，是一种创建AJAX请求的JavaScriptAPI。
如果想重新发送XHR请求，一般我们会选择刷新页面，其实可以直接在“网络”面板中右键选择ReplayXHR调试。
1.浏览器常用快捷键
2.修改地址栏默认搜索引擎
效果:
3.新建无痕窗口
不会携带之前保存的cookie，也不会保存cookie到本地，可以完整的查看请求的完整过程。
4.快速截网页长图
打开开发者工具，使用快捷键Ctrl+Shift+p(Windows)或Cmd+Shift+p(Mac)，打开命令输入窗口，输入命令Capturefullsizescreenshot（关键字即可），点击命令即可截取完整网页。