Search code examples
google-chromecookiesxmlhttprequestgoogle-chrome-devtoolschromium

Understanding hierarchy of tracking requests through Chrome dev tools

I would like to understand better tracking requests and responses, such as actions on cookies, cache, etc (read, write, update).

Compared to other tools, like Lightbeam, I am particularly interested in understanding who is 3rd party to whom. So I want to understand the hierarchy of requests (this one triggers this other one).

I have tried using Chrome dev tools to understand this, but haven't quite figured it out. Is there a way to do that?

Solution

  • Hold Shift while hovering over a request to view its initiator and dependencies.

    See View initiator and dependencies.

    Of course, the Initiator column in the Network panel's table also tells you a request's initiator.