New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 780539 link

Starred by 3 users

Issue metadata

Status: Duplicate
Merged: issue 550453
Owner:
Closed: Jan 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Feature



Sign in to add a comment

Improve initiator column to show the requesting javascript module

Reported by jase.wil...@gmail.com, Nov 1 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.75 Safari/537.36

Steps to reproduce the problem:
1. Navigate to https://www.bbc.co.uk/radio2
2. Open dev tools, and go to the Network tab
3. Inside the initiator column many rows show require.js:1958 
See screenshot

What is the expected behavior?
I would love to see something like require.js:1958:app.js
or [libraryLoader:actualJSModule]

Chrome would need to somehow get the dependancy tree from require then add the calling module to the initiator tab. This *should* hopefully be possible

What went wrong?
Seeing require.js:1958 is pretty useless to a developer, it just goes into the require black box and doesn't help me in finding out what require module pulled in the next dependancy?

It would be really cool if we're able to see what frontend module pulled in the next module in the dependancy tree. Right now its pretty hard to work this out.

Did this work before? N/A 

Chrome version: 62.0.3202.75  Channel: stable
OS Version: OS X 10.12.6
Flash Version: 

The initiator column is a really nice idea, it shows what caused the request. However the problem is it can be useless most the time because it can either go into minified code, or library code, such as requireJS or jQuery.

https://gist.github.com/dustinboston/3288778 shows that its possible to generate a dependancy tree from require.
By matching  the url with the require object, you could then see which module pulled it in, then add that module to the initiator tab.

{i know this is a long shot, but worth asking)
 
Screen Shot 2017-11-01 at 18.20.49.png
215 KB View Download
Labels: Needs-Triage-M62
Or if that’s too difficult, maybe an option to mark these scripts as a blackbox, so that the initiator is the next script in the stack. 
Developer tools already has the black boxed list, so you could hook into that
Cc: sc00335...@techmahindra.com
Components: -Platform>DevTools Platform>DevTools>Network
Labels: -Type-Bug M-64 Triaged-ET OS-Linux OS-Windows Type-Feature
Status: Untriaged (was: Unconfirmed)
As per comment#0 considering this issue as Feature and adding appropriate labels for further triaging.

Thanks!
Owner: allada@chromium.org
Status: Assigned (was: Untriaged)
Owner: kozyatinskiy@chromium.org

Comment 6 by kozy@chromium.org, Dec 13 2017

I believe that blackboxing should help here. We can show top non blackboxed frame, the same way as we do for console messages.

Comment 7 by kozy@chromium.org, Dec 13 2017

Owner: kozy@chromium.org
@kozy sounds good to me!

Comment 9 by kozy@chromium.org, Jan 3 2018

Mergedinto: 550453
Status: Duplicate (was: Assigned)
I merge this one into issue related to blackboxing support in network panel since now they have similar root.
Thanks for your report.

Sign in to add a comment