【问题标题】:What determines the color of the request in the Network tab in Chrome Developer Console?是什么决定了 Chrome 开发者控制台中网络选项卡中请求的颜色?
【发布时间】:2014-11-19 14:53:24
【问题描述】:

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

【问题讨论】:

    标签: http google-chrome-devtools


    【解决方案1】:
    【解决方案2】:

    2020 年(至少在 Chrome 80 中)没有这样的颜色编码

    网络请求列表

    在 Chrome 网络标签中。正如预期的那样,项目以红色表示错误。

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

    但在设置中有一个复选框"Color-code resource types"。它会改变 watefall 条的颜色(不是网络请求列表中项目的颜色)。这些条对于字体来说变得有点微红,对于脚本来说它现在是柔和的橙色。

    另外,对于frames of a WebSocket Connection

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

    • 发出的短信是浅绿色的。
    • 收到的短信是白色的。
    • WebSocket 操作码为浅黄色。
    • 错误为浅红色。

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

    【讨论】:

      【解决方案3】:

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-01-20
        • 1970-01-01
        • 1970-01-01
        • 2018-04-29
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-02-06
        相关资源
        最近更新 更多