Css 理解Web分析器_Css_Operating System_Google Chrome Devtools

Css 理解Web分析器

css operating-system google-chrome-devtools

Css 理解Web分析器,css,operating-system,google-chrome-devtools,Css,Operating System,Google Chrome Devtools,使用Chrome开发者工具评测，我评测了Javascript和CSS 对于JS，它显示Javascript函数和Total%。对于CSS，它显示Selector和Total% 如果我理解正确的话，操作系统会给浏览器一些CPU 然后，Developer Tools Profiling tool提供每个函数和/或选择器使用的CPU百分比是吗？总%是特定条目贡献的总配置文件时间的百分比。这可能等于也可能不等于总分析时间（即单击开始/停止按钮之间的时间）。分析时间仅统计分析代码的执行时间示例：您的C

使用Chrome开发者工具评测，我评测了Javascript和CSS

对于JS，它显示Javascript

函数

和

Total%

。对于CSS，它显示

Selector

和

Total%

如果我理解正确的话，操作系统会给浏览器一些CPU

然后，Developer Tools Profiling tool提供每个函数和/或选择器使用的CPU百分比

是吗？

总%是特定条目贡献的总配置文件时间的百分比。这可能等于也可能不等于总分析时间（即单击

开始/停止

按钮之间的时间）。分析时间仅统计分析代码的执行时间

示例：您的CSS分析时间为1s（您单击了

Start

，等待1s，然后单击了

Stop

）。您的CSS配置文件时间为200ms（也就是说，您的浏览器只需200ms即可匹配并将所有选择器应用于正确的DOM元素）。

选择器的

Total%

为12%（即，处理

选择器需要浏览器24毫秒）

您可以单击底部状态栏中的

按钮查看绝对时间而不是百分比。

总百分比是特定条目贡献的总配置文件时间的百分比。这可能等于也可能不等于总分析时间（即单击

开始/停止