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

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

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


  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在大多数情况下都是一个漂亮的浏览器,但有时有些事情并不像预期的那样工作,其中一些涉及文件下载。

win10安装谷歌浏览器却上不了网怎么办

win10安装谷歌浏览器却上不了网怎么办

Chrome 就是——目前世界上最好的浏览器,没有之一!由于 Chrome 性能强劲、流畅快速、安全稳定、干净无杂质、使用体验佳、免费、跨平台、而且扩展性强。

如何下载chrome 谷歌浏览器最新版离线安装包?

如何下载chrome 谷歌浏览器最新版离线安装包?

目前市面上的浏览器种类繁多,但基本可以分为以IE为首的三叉戟内核阵营,以FireFox为代表的Gecko内核阵营,以及本文提到的chrome(谷歌Chrome)采用的Webkit内核阵营。

如何在 Android 上更新 Chrome

如何在 Android 上更新 Chrome

如何在 Android 上更新 Chrome?Google Chrome 是 Android 最好的网络浏览器之一。但前提是它使用最新软件保持更新!以下是检查新更新的方法。

如何修复 Google Chrome 崩溃和挂起?<解决方法>

如何修复 Google Chrome 崩溃和挂起?<解决方法>

最近,我并没有真正注意到 Google Chrome 或其他网络浏览器有任何崩溃或挂起。也就是说,我确实知道一些用户在浏览器中遇到崩溃,或者是因为他们通过电子邮件向我寻求帮助,或者因为我认识他们并且他们向我提到了问题。

如何让谷歌浏览器侧边栏显示在左边

如何让谷歌浏览器侧边栏显示在左边

如何让谷歌浏览器侧边栏显示在左边?接下来就让小编给大家带来谷歌浏览器设置显示侧边栏方法技巧,感兴趣的朋友就来看看了解一下吧。

怎么注册谷歌账号_无法注册谷歌账号的解决方法

怎么注册谷歌账号_无法注册谷歌账号的解决方法

你拥有谷歌账号吗,你知道谷歌浏览器登录谷歌账号之后可以解锁新功能吗?快来一起学习怎么注册谷歌账号,解决注册中遇到的问题吧!

如何开启谷歌浏览器flash插件

如何开启谷歌浏览器flash插件

如何开启谷歌浏览器flash插件?今天小编带来谷歌浏览器开启flash插件方法分享,大家参考下面的步骤操作就可以顺利解决这个问题。

如何在谷歌浏览器中启用图像延迟加载?

如何在谷歌浏览器中启用图像延迟加载?

延迟加载是仅在查看之前加载媒体文件(如图像)的功能。通常,当您打开网页时,浏览器会尝试从服务器获取全部内容。大图像很容易消耗高带宽,尤其是在移动设备上。但是,如果它们位于页面底部并且您根本没有查看它们,那么这显然是一种资源浪费,并且您需要为消耗互联网带宽而付出代价。

微信能上网谷歌浏览器上不了网,怎么解决?

微信能上网谷歌浏览器上不了网,怎么解决?

谷歌浏览器无法上网但微信可以上网是怎么回事呢,快来和小编一起研究解决方案吧!

谷歌浏览器右下角的广告弹窗怎么关闭<无需下载轻松解决>

谷歌浏览器右下角的广告弹窗怎么关闭<无需下载轻松解决>

谷歌浏览器右下角的广告弹窗怎么关闭,小编教你如何关闭令人生烦的网页弹窗

chrome如何使用隐姓埋名保护自己?

chrome如何使用隐姓埋名保护自己?

Chrome的隐姓埋名让你在浏览时多了一层隐私:搜索查询不会被记住或绑定到你的谷歌个人资料。一旦关闭窗口,所有的cookies都将被丢弃。您的任何浏览历史都不会被保存。