Programmatic access to network panel entries through console / javascript

15,945 views
Skip to first unread message

hugh....@lodestarbpm.com

unread,
May 8, 2014, 12:56:41 PM5/8/14
to google-chrome-...@googlegroups.com
Is there some way to get a list of the network resource request entries, with their path, method, status, headers, response, etc?

I would like to be able to access that information that is available in the network tab. The "Evaluating network performance" page of the Chrome DevTools (https://developers.google.com/chrome-developer-tools/docs/network) shows how to access explicit timing information via the Resource Timing API (http://www.w3.org/TR/resource-timing), but not how to access the other data.

Thank you.



kyr.z...@gmail.com

unread,
Jun 27, 2014, 5:09:31 PM6/27/14
to google-chrome-...@googlegroups.com, hugh....@lodestarbpm.com
I had the exact same question. I haven't been able to find a way to do it from the console so far.

In fact, I'm actually trying to compare the two lists of resources, as it looks like for a lot of cases there is RT data for most, but not all, of the resources shown in the Network tab

The only relevant thing I found was this dev API https://developer.chrome.com/extensions/devtools_network , but this doesn't give you access from the console.

bakshis...@gmail.com

unread,
Jul 10, 2014, 9:35:59 AM7/10/14
to google-chrome-...@googlegroups.com, hugh....@lodestarbpm.com
Any update?

Vsevolod Vlasov

unread,
Jul 14, 2014, 9:35:53 AM7/14/14
to Google Chrome Developer Tools, hugh....@lodestarbpm.com
You could use DevTools Extension API to access all network data from a DevTools extension.
You could also export network panel data as a HAR and explore this data in any third_party application.

Other than that - please let us know about your scenarios so that we could better understand what you need and why do you need it.


Any update?
--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/6c486273-e2d2-44e4-9b35-e6d61eff2617%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

shridhar manvi

unread,
Mar 6, 2016, 3:47:38 AM3/6/16
to Google Chrome Developer Tools, hugh....@lodestarbpm.com
Hi,

Any update on this? I was looking for the exact same thing! But could not find any solid information.

I want to access all of the requests made by the webpage (all that appears in the network window). I am building a tool to monitor performance of my website based on different requests my webpage makes.

Any help is greatly appreciated!

Thanks,
Shridhar

On Monday, 14 July 2014 08:35:53 UTC-5, Vsevolod Vlasov wrote:
You could use DevTools Extension API to access all network data from a DevTools extension.
You could also export network panel data as a HAR and explore this data in any third_party application.

Other than that - please let us know about your scenarios so that we could better understand what you need and why do you need it.
On Thu, Jul 10, 2014 at 5:35 PM, <bakshis...@gmail.com> wrote:
Any update?


On Thursday, May 8, 2014 10:26:41 PM UTC+5:30, hugh....@lodestarbpm.com wrote:
Is there some way to get a list of the network resource request entries, with their path, method, status, headers, response, etc?

I would like to be able to access that information that is available in the network tab. The "Evaluating network performance" page of the Chrome DevTools (https://developers.google.com/chrome-developer-tools/docs/network) shows how to access explicit timing information via the Resource Timing API (http://www.w3.org/TR/resource-timing), but not how to access the other data.

Thank you.



--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

Paul Irish

unread,
Mar 6, 2016, 8:59:10 PM3/6/16
to Google Chrome Developer Tools, hugh....@lodestarbpm.com
You'll have to use extension APIs.

The https://developer.chrome.com/extensions/devtools_network  APIs will provide some of the details.
You can check out https://github.com/roryc89/network-filter which uses these.

Plumbing this through to access in the console will probably mean injecting something into the page's JS context via a content script. 


You could also use the protocol directly or via https://developer.chrome.com/extensions/debugger and pull network details from the Network domain. https://chromedevtools.github.io/debugger-protocol-viewer/Network/  This will be more powerful, but won't work while the devtools are also open.



On Sun, Mar 6, 2016 at 12:39 AM, shridhar manvi <shridh...@gmail.com> wrote:
Hi,

Any update on this? I was looking for the exact same thing! But could not find any solid information.

I want to access all of the requests made by the webpage (all that appears in the network window). I am building a tool to monitor performance of my website based on different requests my webpage makes.

Any help is greatly appreciated!

Thanks,
Shridhar

On Monday, 14 July 2014 08:35:53 UTC-5, Vsevolod Vlasov wrote:
You could use DevTools Extension API to access all network data from a DevTools extension.
You could also export network panel data as a HAR and explore this data in any third_party application.

Other than that - please let us know about your scenarios so that we could better understand what you need and why do you need it.
On Thu, Jul 10, 2014 at 5:35 PM, <bakshis...@gmail.com> wrote:
Any update?


On Thursday, May 8, 2014 10:26:41 PM UTC+5:30, hugh....@lodestarbpm.com wrote:
Is there some way to get a list of the network resource request entries, with their path, method, status, headers, response, etc?

I would like to be able to access that information that is available in the network tab. The "Evaluating network performance" page of the Chrome DevTools (https://developers.google.com/chrome-developer-tools/docs/network) shows how to access explicit timing information via the Resource Timing API (http://www.w3.org/TR/resource-timing), but not how to access the other data.

Thank you.



--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/775d7fb1-7a04-4470-8133-28995bdd45e9%40googlegroups.com.

hemant talawadekar

unread,
Oct 4, 2016, 7:40:37 AM10/4/16
to Google Chrome Developer Tools, hugh....@lodestarbpm.com
Hi Shridhar,

Do you have that code to fetch the data from network tab? Please share the link or code.

Nitin Pasumarthy

unread,
Jun 14, 2017, 4:58:52 AM6/14/17
to Google Chrome Developer Tools
Hi Paul,

Thanks for the guidelines and useful links. Is there a way for a regular chrome extension to use the network panel data?

My goal is to listen on an event which fires once all requests (including XHRs) are fulfilled on a page load or history state change. Tried doing it with webRequest API by listening on onBeforeRequest and onCompleted events for each request but not working 100% of the time.
Any update?
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.

Pravin Tiwari

unread,
Jun 7, 2022, 1:57:14 PM6/7/22
to Chrome DevTools
Is there any way, we can capture the network activities after it's already done using console/javascript? 

like some history for the tab where we can get all the details about requests and their performance. 
Reply all
Reply to author
Forward
0 new messages