谷歌浏览器开发者工具有哪些?<超详细!>

更新时间:2022-04-14 194 来源:克罗米部落
正文介绍

你认识多少个谷歌的开发者工具,谷歌浏览器作为前端开发者们的首选软件,一直广受好评,从使用人数就能看的出来了,这次小编就带大家认识谷歌浏览器的开发者工具


  1. Performance(旧版浏览器为Timeline):

  时间表可以记录和运行分析应用程序所有的活动,为了使的记录页面的交互,打开时间轴面板,然后按开始录制录制按钮(),或者通过键入键盘快捷键Cmd的 +E(Mac)或按Ctrl +E(Windows / Linux版)。这个记录按钮会从灰色变成红色,而Timeline将开始从你的页面获取时间线(timeline)。在你的应用中完成一些操作,记录到一些数据之后,再一次点击按钮来停止记录。

  红色的点旁边是清除记录。后面的选项可以选择需要capture捕获的项。分别是网络,JS简介,截图,存储,描绘。

  下图是一个任选的一个网页打开的时间表:

1

  第一个框里是概述,这里可以大致看到页面的性能。

  第二个框里是event,即是事件监控。这是CPU的堆栈跟踪的可视化,绿色表示媒体时间,红色表示负载事件,蓝色表示DOM事件。

  第三个框里表示存储

  第四个框里是详细信息,这里会显示事件的详细信息。

  CPU。CPU资源。此区域图指明了事件的类型消耗的CPU资源。

  上图可见加载时间0.02s,脚本15.68s,渲染时间11.28s,绘制时间46.06s,其他时间49.06s,空闲1.27s时间。

2

  上图是总表。下图是详细汇总表。 

 

3

       2. Memory(旧版为Profiles):

  会列出所有的资源,以及HTML5的Database和LocalStore等,你可以对存储的内容编辑和删除 不做过多介绍


  3. Security

  可以告诉你这个网站的安全性,查看有效的证书等


  4. Application(旧版为Resources)

  会列出所有的资源,以及HTML5的Database和LocalStore等,你可以对存储的内容编辑和删除 不做过多介绍


  5. Audits

  可以帮你分析页面性能,有助于优化前端页面,分析后得到的报告


这下你对这些开发者工具都有了简单的认识,更多谷歌浏览器相关知识都在chrome下载站!

相关阅读
如何获取最新Google Chrome离线安装版?

如何获取最新Google Chrome离线安装版?

当你点击谷歌Chrome浏览器官方下载页面的下载Chrome浏览器按钮时,网络安装程序被下载到系统中。顾名思义,下载到系统中的并不是完整的谷歌Chrome离线安装包。

谷歌浏览器怎么下载_怎么检查自己下载的谷歌浏览器版本?

谷歌浏览器怎么下载_怎么检查自己下载的谷歌浏览器版本?

你会下载谷歌浏览器吗?你知道你电脑中的谷歌浏览器是什么版本嘛?现在就让小编来教你如何轻松下载谷歌浏览器并查看自己的谷歌浏览器是什么版本吧!

ubuntu 12.04 LTS 安装chrome问题及解决方法详解!

ubuntu 12.04 LTS 安装chrome问题及解决方法详解!

谷歌浏览器 Google Chrome完全免费,跨平台支持 Windows、Mac 和 Linux 桌面系统,同时也有 iOS、Android 的手机版 平板版,你几乎可以在任何智能设备上使用到它。

谷歌浏览器安装时报错怎么办

谷歌浏览器安装时报错怎么办

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

如何修复谷歌浏览器更新检查失败错误代码3:0x80040154?

如何修复谷歌浏览器更新检查失败错误代码3:0x80040154?

谷歌浏览器是世界上最受欢迎的浏览器之一,许多用户更喜欢将其作为Windows PC上的默认浏览器。Chrome​提供了广泛的功能,使浏览体验变得愉快和容易。因此,它仍然是最值得信赖的浏览器之一。然而,就像任何其他浏览器一样,即使是Chrome也有自己的缺点,在你最需要的时候,它也同样容易出现错误和故障。

微软如何试图阻止你下载谷歌浏览器?

微软如何试图阻止你下载谷歌浏览器?

微软正在使用一些阴暗的策略来宣传其 Microsoft Edge 浏览器并阻止人们下载 Chrome。

更新Chrome的最佳方式有哪些?

更新Chrome的最佳方式有哪些?

更新Chrome可以保证你的安全,让你获得最新的功能。如果你定期重启应用程序,Chrome会自动更新。但如果你是一个让电脑一直开着,并且一直让Chrome运行的人,它就没有机会更新了。

如何在台式电脑上的 Chrome 中解锁表情符号库?

如何在台式电脑上的 Chrome 中解锁表情符号库?

到目前为止,还没有一种简单的方法可以在台式机上输入表情符号。但是谷歌浏览器中的一个新工具旨在让输入表情符号更容易一些。

如何在谷歌浏览器中禁用搜索建议图片?

如何在谷歌浏览器中禁用搜索建议图片?

Google 于 2019 年 6 月 5 日发布了适用于所有受支持操作系统的Google Chrome 75 。一些将网络浏览器升级到新版本的 Chrome 用户注意到谷歌正在向浏览器中的搜索建议添加图像。

谷歌浏览器上传文件就无响应怎么解决

谷歌浏览器上传文件就无响应怎么解决

​谷歌浏览器上传文件就无响应怎么解决?你知道世界上最强的浏览器——谷歌浏览器吗?

清除缓存是否会从 Google Chrome 中删除密码?

清除缓存是否会从 Google Chrome 中删除密码?

如果您对计算机系统的不同组件有一点点了解,那么您一定至少听说过一次高速缓存。高速缓存被定义为用于快速检索或访问最常用数据的临时存储。浏览器有一个缓存,可以帮助他们更快地获取常用数据。缓存中的数据可能包括cookies、浏览历史、密码等。

如何启用和禁用Chrome PDF浏览器?

如何启用和禁用Chrome PDF浏览器?

本文解释了如何启用或禁用Chrome PDF查看器。它包括您可能想要打开或关闭该功能的原因。