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

 发布时间:2022-04-07  836 来源:谷歌浏览器官网
谷歌浏览器电脑版 谷歌浏览器电脑版

硬件:Windows系统 版本:122.0.6261.6 大小:67.90MB 语言:简体中文 评分: 发布:2023-07-23 更新:2024-05-28 厂商:谷歌信息技术(中国)有限公司

谷歌浏览器安卓版 谷歌浏览器安卓版

硬件:安卓系统 版本:107.0.5304.105 大小:174.16MB 语言:简体中文 评分: 发布:2022-08-18 更新:2024-03-12 厂商:Google Inc.

谷歌浏览器苹果版 谷歌浏览器苹果版

硬件:苹果系统 版本:122.0.6261.89 大小:200.4MB 语言:简体中文 评分: 发布:2022-01-23 更新:2024-03-12 厂商:Google LLC

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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下载站学习更多!


相关阅读
谷歌浏览器高亮分享网页内容方法介绍

谷歌浏览器高亮分享网页内容方法介绍

Chrome浏览器90版本新增了一个新功能,用户可以直接复制网页的特定位置内容链接给他人,这样对方打开网址后就会直接跳转到网页的指定位置。那么该如何开启使用这个功能呢?相信还有许多小伙伴不太清楚,下面就跟小编一起来看看具体的操作步骤吧!

谷歌浏览器打不开设置等其他页面怎么解决?

谷歌浏览器打不开设置等其他页面怎么解决?

有的朋友和我说自己的谷歌浏览器打不开任何页面该如何是好,小编这就事无巨细的教你!

如何在 Chrome 上固定扩展

如何在 Chrome 上固定扩展

谷歌浏览器是一个多平台和广泛使用的网络浏览器。它提供了几个功能来增强其功能,扩展就是其中之一。Chrome 允许您下载特定扩展并将其固定到浏览器工具栏,以避免混乱。它还允许您从扩展菜单中固定和取消固定扩展。

如何在谷歌浏览器中显示主页按钮?

如何在谷歌浏览器中显示主页按钮?

本文介绍了如何显示Google Chrome网络浏览器的主页按钮,该按钮默认不显示,因为 Chrome 旨在呈现一个整洁的界面。

如何在 Google Chrome 中启用屏幕截图编辑器?

如何在 Google Chrome 中启用屏幕截图编辑器?

Google Chrome 的开发团队正在努力将屏幕截图编辑器添加到浏览器内的屏幕截图工具中。该功能已经存在于 Chrome 的 Canary 版本中,但隐藏在功能标志后面。

如何在 Google Chrome 中启用 Windows 操作系统拼写检查器?

如何在 Google Chrome 中启用 Windows 操作系统拼写检查器?

微软团队积极尝试开发 Chromium 项目,以提升整体浏览体验。开发者通过插入Windows自己的软件,为你提供了在谷歌Chrome中启用Windows操作系统拼写检查器的能力。该功能目前仅在某些浏览器的开发版本中可用。