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?
# 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.
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.
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.
Click the Sources tab to open the Sources panel. Click the Page tab to show the page's resources. The Page pane opens.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With