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

user_5457113 0
Viewed 8057

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?

google-chrome xmlhttprequest ajax javascript
3 Answers

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.com/fiddler

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

user_4039590

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.org/for-testers/providing-network-details

user_23567700

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:

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

user_98018300
Related