谷歌浏览器的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下载站学习更多!


相关阅读
如何将谷歌浏览器设置为默认PDF查看器

如何将谷歌浏览器设置为默认PDF查看器

如何将谷歌浏览器设置为默认PDF查看器?有些小伙伴想将谷歌浏览器设置为默认PDF查看器,下面小编将向大家分享设置教程一览。

谷歌浏览器的下载教程及基础配置<基础下载教学>

谷歌浏览器的下载教程及基础配置<基础下载教学>

你知道如何下载安装并配置谷歌浏览器吗?你想进入信息时代吗?快来一起学习谷歌浏览器最基础的技巧吧,专为新人制作!

谷歌浏览器安装时无法定位

谷歌浏览器安装时无法定位

你有没有在使用谷歌浏览器的时候遇到各种问题呢,你知道谷歌浏览器安装时无法定位是怎么回事呢?来了解谷歌浏览器安装时无法定位的解决方法,大家可以学习一下。

谷歌浏览器怎么下载-稳定版谷歌浏览器下载方法

谷歌浏览器怎么下载-稳定版谷歌浏览器下载方法

虽然电脑中会自带浏览器,但很多用户都习惯使用自己熟悉的第三方浏览器。谷歌浏览器稳定版作为一款深受广大用户喜爱的搜索工具,很多小伙伴都会选择在自己的电脑中安装。

谷歌浏览器怎么关联使用迅雷下载?

谷歌浏览器怎么关联使用迅雷下载?

谷歌浏览器怎么关联使用迅雷下载?Chrome谷歌浏览器是目前使用人数、好评都比较高的一款浏览器了、深受用户的喜爱,追求的是全方位的快速体验。

怎么安装谷歌浏览器离线包_谷歌浏览器安装方法

怎么安装谷歌浏览器离线包_谷歌浏览器安装方法

你有没有想要知道的谷歌浏览器安装技巧呢,你知道谷歌浏览器要怎么安装离线包吗?来了解谷歌浏览器离线包安装的具体步骤,大家可以学习一下。

Win10升级后 chrome内核浏览器变得很卡怎么办?

Win10升级后 chrome内核浏览器变得很卡怎么办?

win10版本还存在着许多bug,可能会拖慢谷歌浏览器的运行,该怎么解决这种现象呢,和小编一起

谷歌浏览器上下抖动怎么办_谷歌浏览器抖动解决方法

谷歌浏览器上下抖动怎么办_谷歌浏览器抖动解决方法

你有没有遇到移动鼠标或是打字的时候会导致谷歌浏览器发生上下抖动的问题,来和小编一起解决谷歌浏览器的问题吧!

Opera vs. Google Chrome:哪种浏览器更适合你?

Opera vs. Google Chrome:哪种浏览器更适合你?

Opera 和chrome都是流行的网络浏览器,但是你怎么知道哪一个适合你呢?Opera web浏览器构建在谷歌Chromium引擎,所以它和它的竞争对手有一些相同的DNA。Chrome已经成为全球最受欢迎的网络浏览器,占据了网络浏览器市场的大部分份额。

如何安装谷歌浏览器插件?<安装方法>

如何安装谷歌浏览器插件?<安装方法>

想学习谷歌浏览器插件安装方法吗,快来学习吧!

谷歌浏览器隐藏浏览器的菜单栏、地址栏的方法<详细步骤教学>

谷歌浏览器隐藏浏览器的菜单栏、地址栏的方法<详细步骤教学>

谷歌浏览器的简洁是否还是让你不够满意?!还有办法让谷歌浏览器的界面更简洁!快来学学看吧!

如何修复验证码图片不显示在谷歌浏览器

如何修复验证码图片不显示在谷歌浏览器

向网站表单添加验证码保护有不同的方法。使用PHP脚本添加自动生成的图像或数学问题是一种简单的方法。另一方面,最受欢迎的Google reCAPTCHA有助于保护您的表单免受垃圾邮件发送者和机器人的攻击。您可以显示一个复选框供用户选择,谷歌将自动显示图像验证时,检测到可疑的活动。