javascript - How to log XHR request in Network Tab in Chrome even when dev tools is not opened? - Stack Overflow

Chrome Console always keeps logs, no matter if the dev tools are opened or not. I want same for network tab.

Is it possible to log XHR requests in Chrome even when developer tools are not opened? If not, is it possible in other browsers?

Chrome Console always keeps logs, no matter if the dev tools are opened or not. I want same for network tab.

Is it possible to log XHR requests in Chrome even when developer tools are not opened? If not, is it possible in other browsers?

• javascript
• ajax
• google-chrome
• xmlhttprequest

Share Follow edited Sep 16, 2018 at 22:03 Bharata 14.2k66 gold badges4343 silver badges5353 bronze badges asked Sep 7, 2018 at 13:28 Sandeep GuptaSandeep Gupta 7,2601111 gold badges5858 silver badges102102 bronze badges 3

• What exactly are you expecting with this bounty? – Josh Lee Commented Sep 14, 2018 at 20:31
• An answer? Maybe in chrome or other browser. – Sandeep Gupta Commented Sep 14, 2018 at 20:35
• Just a heads up, this sounds like a huge security concern to your puter by being able to see a log of all requests that happened. – Nate Commented Sep 16, 2018 at 22:15

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3 +50

You could use a proxy outside of the browser such as Fiddler for this. It's great, and the author of the tool even responds to questions about it on Stack Overflow!

https://www.telerik./fiddler

(I don't work for Fiddler, but it was there for us in the days before browsers had dev tools)

It sounds like you want some logging. Chrome has a bunch of internal things it stores, you can check out chrome://chrome-urls/

Specifically chrome://net-export/ Also chrome://net-internals/#events may be of interest. These things work across tabs, so imo it's nicer than having 20 chrome consoles open =p

https://dev.chromium/for-testers/providing-network-details

Unfortunately, it is not possible to log XHR request in Network Tab in Chrome when developer tools are not opened. And I do not know which another browser supports it.

Alternative solution

But you could try the following extensions for Chrome:

1. ApiRequest.io Ajax Capture Debugging Tool. Capture API Requests and Responses in browser and share via a link. Makes collaborative debugging and issue solving easier.
2. Tamper Chrome (extension). Allows the user to modify requests as they happen.
3. Live HTTP Headers. Monitor all HTTP/HTTPs traffic from your browser. Live HTTP Headers logs all HTTP traffic between your Chrome browser and the Internet.

And about "ApiRequest.io Ajax Capture Debugging Tool" you could read this developers article:

• How we captured AJAX requests from a website tab with a Chrome Extension

Some of this extensions you could find for another browsers too.