通过 Chrome 开发工具了解跟踪请求的层次结构

Question

我想了解更好的跟踪请求和响应，例如对 cookie、缓存等的操作（读、写、更新）。

与 Lightbeam 等其他工具相比，我特别感兴趣的是了解谁是第 3 方。所以我想了解请求的层次结构（这个触发另一个）。

我已经尝试使用 Chrome 开发工具来理解这一点，但还没有完全弄明白。有没有办法做到这一点？

Answer 1

按住 Shift 并将鼠标悬停在请求上以查看其发起者和依赖项。

见View initiator and dependencies。

当然，网络面板 table 中的发起者列也会告诉您请求的发起者。