Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Get request Initiator stack in Network tab

Each request in the "Network" tab of the dev tools has an "Initiator" column.

For AJAX requests this is mostly useless since jQuery does all of the actual requesting and ends up in here.

I vaguely read something in Google's documentation (https://developers.google.com/chrome-developer-tools/docs/protocol/tot/network) about how the Initiator object actually contains a stack trace ... So: how can I get that?

like image 828
skerit Avatar asked Feb 06 '13 10:02

skerit


People also ask

How do I get a request initiator chain?

# Request Initiator Chains in the Initiator tabAfter logging network activity in the Network panel, click a resource and then go to the Initiator tab to view its Request Initiator Chain: The inspected resource is bold. In the screenshot above, https://web.dev/default-627898b5.js is the inspected resource.

What is initiator in network tab?

Initiator: The object or process that initiated the request. It can have one of the following values: Parser - Chrome's HTML parser initiated the request. Redirect - A HTTP redirect initiated the request. Script - A script initiated the request.

How do I find my call stack in Chrome?

To view the call stack, open DevTools Sources panel and on the right panel, expand the Call Stack panel to see all the current functions in the call stack.

How do I view chrome resources?

Click the Sources tab to open the Sources panel. Click the Page tab to show the page's resources. The Page pane opens.


1 Answers

Late answer for this, but if you hover over the link for the Initiator the stack pops up in a hover. If you carefully navigate into the popup you can click to the source lines of calls further up the stack.

like image 102
cori Avatar answered Sep 27 '22 20:09

cori