谷歌浏览器的network分别是什么功能？<带你认识谷歌浏览器开发工具>

正文介绍

　　谷歌浏览器的Network的功能便是从发起网页页面请求Request后分析HTTP请求后得到的各个请求资源信息(包括状态、资源类型、大小、所用时间等)，可以根据这个进行网络性能优化;接下来就有小编带你认识谷歌浏览器的network吧

　　如上图就是用于抓包的页面，此页面中第二行、第三行的图标与各个勾选框的作用

　　1、第一个图标，点击这个图标的作用是：表示当前的请求不被清空(但是这里的请求是不跳转页面的请求，当跳转到新的页面，那么请求也会被清空);

　　2、第二个图标，点击这个图标的作用是：清空请求;

　　3、第三个图标，点击这个图标的作用是：捕获屏幕。默认是关闭状态，点击后图标变成蓝色，会记录页面在不同时间下的快照，如下图所示

　　4、第四个图标，作用是：是否开启过滤选项，点击这个图标，图标变成蓝色，并且显示下图中红框中的菜单

　　5、第五个图标，作用是：是否使用更大的区域显示请求记录，点击这个图标后，下图红框中区域变大

　　6、第六个图标，作用是：是否显示overview概括，Overview是显示获取到资源的时间轴信息，点击这个图标，图标变成蓝色，并且显示下图红框中的内容

　　7、第七个勾选框，勾选了该选项后,会对网络请求按表单名称进行分组;

　　8、第八个勾选框，勾选了该选项后，刷新页面后，也不会删除跳转前页面的请求，如百度首页，当在百度首页点击右上角新闻，页面跳转到新闻页面，当没有勾选该选项后，刷新新闻页面，跳转前的百度首页请求数据消失不见了，当勾选该选项后，就算刷新新闻页面，跳转前的百度首页请求数据还存在，如下图所示

　　9、第九个勾选框，作用是：缓存开关

　　10、第十个勾选框，作用是：网络连接开关，勾选该选项后，网络断开;

　　11、第十一个搜索框，作用是：输入关键字可以模糊查询到请求的URL;

　　12、第十二个勾选框，作用是：勾选该选项可支持正则匹配;

　　13、第十三个勾选框，作用是：勾选该选项后隐藏链接的域名，即不显示全部链接;

　　14、最后这些勾选框的作用如下：

　　All---所有数据;

　　XHR---一般是ajax调用的json文件;

　　JS---Javascript文件

　　CSS---CSS文件

　　Img---图片文件

　　Media---媒体文件

　　Font---字体文件

　　Doc---一般是当前网页的HTML文件

　　WS---WebSocket的缩写，是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议;

　　Manifest---是一个简单的文本文件，列举出了浏览器用于离线访问而缓存的资源;

　　Other：其他文件

想必小编的介绍已经让你对谷歌浏览器的network的功能有了初步的认识，但这还是刚刚开始，真正的功能还需要你好好去学习。来chrome下载站学习更多！