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

Question

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

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

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

Answer 1

将鼠标悬停在请求上时按住 Shift 可查看其发起程序和依赖项。

见View initiator and dependencies。

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