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

Question

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

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

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

Answer 1

按住 Shift ，同时将鼠标悬停在请求上以查看其启动器和依赖项。

请参阅View initiator and dependencies。

当然，“网络”面板表中的“启动器”列也会告诉您请求的启动器。