Chrome DevTools: See the Initiator Chain for a given requestLast updated: 20th July 2020
The new Request Initiator Pane in DevTools shows the Initiators and Dependencies for the selected Network Panel Request.
To access it:
- Click on a request in the Network Panel
- Select the Initiator Pane
In the Chain view ⛓️ your selected request is bold, and requests below it are dependencies. Everything above led to the initiation of the selected request.
(new Image()).src = 'image.jpg'.
While this provides less information, a quicker way of doing this is to hold shift while you hover over resources in the Network Panel.