1714743 - Inspect/find/focus/navigate to the initiator DOM node of a network request

Status: UNCONFIRMED

(DevTools :: Netmonitor, enhancement, P3)

Description

[Dan Dascalescu]

Attachment: From network request to imageset initiator.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:90.0) Gecko/20100101 Firefox/90.0

Steps to reproduce:

Challenge: find the imageset that initiated a Network request for an Instagram image.

1. Navigate to an Instagram profile, e.g. https://www.instagram.com/theladimir/
2. Open Developer Tools and go to the Network Tab, which should be empty
3. Click on an image

Actual results:

The Initiator column in the Network tab will show an "imageset", but clicking that doesn't navigate to the DOM element that initiated the image request. Clicking on the .js initiators does jump to the stack trace.

Expected results:

The ability to jump to the initiator DOM element would be useful in uncovering larger-resolution images for this particular challenge, and in general, for inspecting the DOM element that initiated the request.

See #1134073 for prior work on this.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Netmonitor' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[Hubert Boma Manilla (:bomsy)]

Thanks for reporting!

I agree that image and imagesets linking to their initiating dom node's would be quite useful. The link would likely just jump to the specific node in the inspector panel.