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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

  第三个框里表示存储

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

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

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

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

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

 

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

       2. Memory(旧版为Profiles):

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


  3. Security

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


  4. Application(旧版为Resources)

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


  5. Audits

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


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

相关阅读
win10不能下载谷歌浏览器如何修复?<解决方法>

win10不能下载谷歌浏览器如何修复?<解决方法>

在Win10系统中,有一个内置的浏览器,但是一般没有人使用这个内置的浏览器,用户会选择自己喜欢的浏览器来使用然而,近日有用户下载安装了谷歌Chrome,提示“安装失败”。这是怎么回事,该如何解决呢?下面小编将介绍在Win10系统上安装Google Chrome失败的具体解决方法。

win10安装chrome浏览器出现搜索无法访问怎么办?

win10安装chrome浏览器出现搜索无法访问怎么办?

许多用户在日常工作中经常需要打开Google搜索引擎来访问一些信息。然而,最近一些Windows S10用户反映,他们打开谷歌搜索时无法访问它。

如何在电脑上下载windos版谷歌浏览器?<下载方法>

如何在电脑上下载windos版谷歌浏览器?<下载方法>

Google Chrome是广泛应用于各种设备和操作系统的浏览器。最好的是,它适用于所有操作系统。所以,无论你使用macOS、WindowsOS还是Linux,你都可以使用Chrome浏览器。你只需进入Chrome官方网站,点击下载Chrome即可在你的电脑上下载操作系统的最新更新版本。现在,你需要安装下载的文件并开始使用Chrome。

如何在 win 10 升级chrome浏览器

如何在 win 10 升级chrome浏览器

如何在 win 10 升级chrome浏览器?谷歌浏览器 Google Chrome完全免费,跨平台支持 Windows、Mac 和 Linux 桌面系统。

如何下载官方正式版谷歌Chrome浏览器?

如何下载官方正式版谷歌Chrome浏览器?

如何下载官方正式版谷歌Chrome浏览器?我们经常会遇到这样一个问题:无法从谷歌官网下载网络版Chrome,总是停在下载的地方。

在 Chrome 中怎么撤销删除下载

在 Chrome 中怎么撤销删除下载

每当您使用 Google Chrome 网络浏览器下载文件时,它都会自动添加到下载历史记录中,您可以通过在地址栏中加载 chrome: downloads 来访问它。它还会保存到您选择的本地存储位置,前提是在此之前它没有被标记为恶意。