Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Chrome开发工具时间轴中:网络行中围绕资源下载的灰色条是什么?_Javascript_Css_Google Chrome Devtools - Fatal编程技术网

Javascript 在Chrome开发工具时间轴中:网络行中围绕资源下载的灰色条是什么?

Javascript 在Chrome开发工具时间轴中:网络行中围绕资源下载的灰色条是什么?,javascript,css,google-chrome-devtools,Javascript,Css,Google Chrome Devtools,我在Chrome开发工具中有以下视图: 围绕紫色CSS请求的灰色条意味着什么?我假设请求之前的部分是请求时间,但是请求之后呢?这是花在分析CSS上的时间,还是在等待其他东西?如何更详细地确定这一点 如果有帮助的话,我已经包括了时间线的“主要”部分: 以及此处的CPU配置文件: 从这些视图中,我可以看到“解析HTML”和“评估/编译脚本”。这是否意味着页面正在阻止脚本评估,或者可能包括CSS解析?稍后我会看到“Parse Stylesheet”,因此我认为灰色条表示一旦下载CSS,就在CSS上

我在Chrome开发工具中有以下视图:

围绕紫色CSS请求的灰色条意味着什么?我假设请求之前的部分是请求时间,但是请求之后呢?这是花在分析CSS上的时间,还是在等待其他东西?如何更详细地确定这一点

如果有帮助的话,我已经包括了时间线的“主要”部分:

以及此处的CPU配置文件:


从这些视图中,我可以看到“解析HTML”和“评估/编译脚本”。这是否意味着页面正在阻止脚本评估,或者可能包括CSS解析?稍后我会看到“Parse Stylesheet”,因此我认为灰色条表示一旦下载CSS,就在CSS上没有活动的阻塞。

我能够将灰色条与加载HTML时与脚本评估相关的空闲时间关联起来。所以,本质上,这是等待HTML计算完成的时间。特别是,我启用了LastPass,它正在对我的HTML进行评估。下面,我提供了一个图表:


关闭扩展后,空闲时间就消失了。

我能够将灰色条与加载HTML时脚本评估相关的空闲时间关联起来。所以,本质上,这是等待HTML计算完成的时间。特别是,我启用了LastPass,它正在对我的HTML进行评估。下面,我提供了一个图表:


一旦我关闭了分机,空闲时间就消失了。

您尝试过选择灰色条吗?是的,您可以在我的屏幕快照中看到生成的工具提示您尝试过选择灰色条吗?是的,您可以在我的屏幕快照中看到生成的工具提示