什么决定了Chrome Developer Console中“网络”标签中请求的颜色？

时间：2014-09-24 23:48:34

标签： http google-chrome-devtools

我的响应状态为200 OK，但在网络请求列表中显示为红色。我认为这是决定这一点的状态，但显然还有别的东西。它是什么？

3 个答案:

答案 0 :(得分：2)

2020年（至少在Chrome 80中）没有这种颜色编码

在网络请求的列表中

在Chrome网络标签中

。如预期，项目为红色，表示错误。

@jaredwilli answer中的链接现已被弃用，并且没有有关请求类型颜色的信息。 最新链接：https://developers.google.com/web/tools/chrome-devtools/network/reference

但是在设置中有一个复选框"Color-code resource types"。它更改落差条的颜色（而不是网络请求列表中项目的颜色）。这些栏的字体变得略带红色，而对于脚本，现在变成柔和的橙色。

另外，对于frames of a WebSocket Connection

消息根据其类型进行颜色编码：

  • 外发短信为浅绿色。
  • 传入的短信为白色。
  • WebSocket操作码为浅黄色。
  • 错误是浅红色的。

此外，当在按下<Shift>的情况下hovering other requests with <Shift> pressed悬停其他请求时，绿色用于请求的发起者，红色用于依赖项

答案 1 :(得分：0)

瀑布栏的颜色记录在devtools文档的网络性能文档中：https://developer.chrome.com/devtools/docs/network#waterfall-view。

  • 文件 - 蓝条
  • 样式表 - 绿色栏
  • 图片 - 紫色条
  • 脚本 - 橙条
  • XHR - 黄条
  • 字体 - 红条
  • 其他 - 灰色栏

答案 2 :(得分：0)

enter image description here

这来自Chromium来源项目： https://source.chromium.org/chromium/chromium/src/+/master:out/Debug/gen/devtools/network/NetworkWaterfallColumn.js;l=115-128?q=waterfall%20color&ss=chromium%2Fchromium%2Fsrc&originalUrl=https:%2F%2Fcs.chromium.org%2F

和

https://source.chromium.org/chromium/chromium/src/+/master:third_party/devtools-frontend/src/front_end/timeline/TimelineUIUtils.js;l=467-480?q=TimelineUIUtils.js&ss=chromium&originalUrl=https:%2F%2Fcs.chromium.org%2F

相关问题
最新问题