谷歌浏览器开发者工具有哪些?<超详细!>
你认识多少个谷歌的开发者工具,谷歌浏览器作为前端开发者们的首选软件,一直广受好评,从使用人数就能看的出来了,这次小编就带大家认识谷歌浏览器的开发者工具!
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下载站!
![如何设置Chrome浏览器自动更新已安装的扩展程序](/uploadfile/2024/1220/20241220042213305.png)
如何设置Chrome浏览器自动更新已安装的扩展程序
本文主要介绍的是如何设置Chrome浏览器自动更新已安装的扩展程序,想要对已安装的扩展程序进行更新的用户,一定不要错过本文内容了。
![怎么强制移除谷歌浏览器](/uploadfile/2024/0724/20240724122642142.png)
怎么强制移除谷歌浏览器
想彻底卸载移除谷歌浏览器要如何操作?小编今天向大家分享强制移除谷歌浏览器的方法。
![如何在Chrome中访问受限网站](/uploadfile/2024/1120/20241120032031553.png)
如何在Chrome中访问受限网站
有一些用户不知道如何在Chrome中访问受限网站?于是,本文提供了详细的操作步骤,一起看看吧。
![Chrome浏览器如何使用代理服务连接](/uploadfile/2024/1206/20241206114808908.png)
Chrome浏览器如何使用代理服务连接
针对于Chrome浏览器如何使用代理服务连接这一问题,本文将给大家详细介绍一下操作步骤,一起学习下吧。
![谷歌浏览器密码怎么显示出来](/uploadfile/2024/0507/20240507021921624.png)
谷歌浏览器密码怎么显示出来
谷歌浏览器密码怎么显示出来?下面就让小编给大家带来谷歌浏览器显示账号密码操作流程,有需要的朋友不妨跟着小编一起来详细了解一下。
![为什么傲游云浏览器下载视频不完整](/uploadfile/2022/1108/20221108115654323.jpeg)
为什么傲游云浏览器下载视频不完整
为什么傲游云浏览器下载视频不完整?网上遇到好看的视频,很多网友都想把它下载到电脑上,以便收藏随时观看。不过大多数视频都对下载链接隐藏的很深,还要寻找专门的下载器,非常麻烦。
![谷歌浏览器的密码管理工具在哪里](/uploadfile/2024/0821/20240821100548821.png)
谷歌浏览器的密码管理工具在哪里
谷歌浏览器的密码管理工具在哪里?有些小伙伴可能不清楚谷歌浏览器的密码管理工具在哪里,今天小编就为大家带来了具体位置说明。
![IE浏览器不让下载谷歌浏览器怎么办_解决方法详解](/uploadfile/2022/0402/20220402104642758.jpg)
IE浏览器不让下载谷歌浏览器怎么办_解决方法详解
你有没有下载谷歌浏览器的时候遇到各种问题呢,你知道系统自带的Internet Explorer不让下载谷歌浏览器怎么办吗?来了解Internet Explorer不让下载谷歌浏览器的解决方法,大家可以学习一下。
![谷歌浏览器下载了以后不能用怎么办](/uploadfile/2022/0613/20220613110658881.jpg)
谷歌浏览器下载了以后不能用怎么办
我们下载了谷歌浏览器Google Chrome之后,就无法使用了。这是怎么回事,该怎么解决呢?
![怎么给谷歌浏览器设置背景图片](/uploadfile/2024/0711/20240711020113304.png)
怎么给谷歌浏览器设置背景图片
本篇文章给大家带来谷歌浏览器自定义背景图片的操作方法介绍,喜欢个性化设置的朋友快来看看吧。
![如何在 Kali Linux 上安装 Google Chrome 浏览器?](/uploadfile/2022/0527/20220527051848795.jpg)
如何在 Kali Linux 上安装 Google Chrome 浏览器?
在 Kali 上安装 Google Chrome 非常简单,但并不像你想象的那么简单。由于 Chrome 是一个封闭源代码的 Web 浏览器,因此无法从默认软件包存储库安装它。不用担心,您将通过几个简短的步骤了解如何安装它。
![怎么在一台电脑上安装多版本的谷歌浏览器](/uploadfile/2022/0328/20220328021747267.png)
怎么在一台电脑上安装多版本的谷歌浏览器
你有没有想要知道的谷歌浏览器使用技巧呢呢,你知道怎么在一台电脑上安装多版本的谷歌浏览器吗?来了解怎么在一台电脑上安装多版本的谷歌浏览器的具体步骤
![如何关闭Chrome通知?](/uploadfile/2022/0425/20220425093657779.png)
如何关闭Chrome通知?
有时候,浏览器通知可能会有所帮助。它们也可能是一种令人沮丧的强加。谷歌Chrome有一个通知系统,可以让你随时在线接收来自网站的推送通知。即使你不在那个网站上。与标准web通知不同,您不必在浏览器中打开网站就可以接收它们。与应用程序通知不同,你不必打开应用程序就能收到通知。只要你在线,你就会收到通知。
![如何按日期获取 Google 搜索结果?](/uploadfile/2022/0507/20220507051847542.jpg)
如何按日期获取 Google 搜索结果?
您现在可以通过多种方式自定义您的 Google 搜索。在日期内搜索对于某些特定类型的信息很重要。
![如何停止谷歌Chrome在后台运行](/uploadfile/2022/0530/20220530034656687.png)
如何停止谷歌Chrome在后台运行
如何停止谷歌Chrome在后台运行??我们许多人通过点击关闭按钮来关闭PC或Mac中的应用程序,并认为它已经完成了。
![如何在Chrome中禁用导致CPU使用率高的软件报告工具?](/uploadfile/2022/0427/20220427113306198.jpg)
如何在Chrome中禁用导致CPU使用率高的软件报告工具?
如果您注意到 Chrome 中的 CPU 使用率很高,则可能是由浏览器的软件报告工具引起的。
![如何在 Google Chrome 中使用辅助功能?](/uploadfile/2022/0531/20220531015901333.jpg)
如何在 Google Chrome 中使用辅助功能?
技术可能是一种令人兴奋的体验,但对某些人来说并非总是如此,尤其是那些残疾人。键盘访问、放大和屏幕阅读器等辅助功能是旨在帮助残疾人更轻松地使用技术的工具。Google Chrome 支持多种辅助功能,以适应能力有限的用户。
![如何在谷歌浏览器中录制宏](/uploadfile/2022/0516/20220516095231371.jpg)
如何在谷歌浏览器中录制宏
如何在谷歌浏览器中录制宏?宏是记录的鼠标和键盘输入操作序列。