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

更新时间:2022-04-07 876 来源:谷歌浏览器官网
正文介绍

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

1

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

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

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

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

2

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

3

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

4

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

5

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

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

6

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


相关阅读
如何在Windows任务视图中查看Chrome浏览活动?

如何在Windows任务视图中查看Chrome浏览活动?

您可能是一个积极的浏览爱好者,希望在旅途中与您的内容保持联系。此外,您可能还想快速访问您不久前很容易看到的文章。遗憾的是,Windows任务视图默认只支持Microsoft Edge浏览器。但使用微软的网络活动扩展,你可以将谷歌浏览器的浏览活动与你的设备联系起来。

如何检测和停止使用这么多 CPU 的 Chrome?

如何检测和停止使用这么多 CPU 的 Chrome?

不幸的是,发现恶意或设计不佳的 Chrome 扩展程序已成为一种常见做法,这些扩展程序会导致浏览器占用计算机上过多的 CPU 和其他资源。由于 Chrome 和 Windows 变慢或崩溃,可能会出现此问题。

如何在Linux操作系统(Wayland)上修复Google Chrome黑屏

如何在Linux操作系统(Wayland)上修复Google Chrome黑屏

本篇文章给大家详细介绍了在Linux操作系统(Wayland)上修复Google Chrome黑屏的详细操作方法。

如何使用工具栏按钮在 Google Chrome 中控制播放?

如何使用工具栏按钮在 Google Chrome 中控制播放?

对于经常在 Chrome 中播放媒体的用户,您可能希望利用 Chrome 的内置媒体按钮来控制播放。

如何在 Google Chrome 中基于每个站点启用/禁用深色主题?

如何在 Google Chrome 中基于每个站点启用/禁用深色主题?

谷歌浏览器在网页上提供强制暗模式设置已经有一段时间了。但是,无法单独选择要以浅色或深色主题查看的网站。现在这种情况发生了变化,因为 Google Chrome 开发人员正在开发一项新功能,让您可以在每个站点的基础上设置深色主题。

为什么谷歌浏览器使用这么多内存?<解决方法>

为什么谷歌浏览器使用这么多内存?<解决方法>

为什么谷歌浏览器使用这么多内存?你能做些什么来控制它?以下是如何让 Chrome 使用更少的RAM。如果您对不同的浏览器进行过任何研究,您就会熟悉 Chrome 可能会占用资源这一事实。看看你的任务管理器或活动监视器,你会经常在列表顶部看到 Chrome。