«   Previous tip Next tip   »

Chrome DevTools: See the Initiator Chain for a given request

Last updated: 20th July 2020
See the Initiator Chain for a given request

The new Request Initiator Pane in DevTools shows the Initiators and Dependencies for the selected Network Panel Request.

To access it:

  1. Click on a request in the Network Panel
  2. 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.

Where applicable, a JavaScript callstack is shown for the selected request. This callstack can show you the exact line of code which initiated the request e.g. (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.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week