CODEWITHSUNDEEP
javascriptgoogle-chromenetwork-programming
Alexandre
Alexandre

Reputation: 157

How to disable chrome developer tools automatic network recording?

In chrome developer tools, every time a page loads I click on "Network" tab and see the "record" button active / red. Even if I disable the recording of network traffic, when I refresh the same page or open another website I see that Chrome is recording traffic in the "Network" tab.

When developing big web applications that have A LOT of traffic - 3rd party apis, statics CDNs from Amazon, Google and all the app's assets that must be downloaded like images, js files, css files, etc etc - this "Network" tab works very slowly and my browser gets stuck a lot. This causes my development time to be less productive because I must wait every time I want to check something in the "Networks" tab.

Can I turn the recording off by default? Can the "Record" button be grey and when I want it to start recording I just click on it and start seeing the traffic?

Upvotes: 13

Views: 23006

Answers (4)

AlexioVay
AlexioVay

Reputation: 4527

2018 solution: The only thing that works for me is opening this page:

chrome://serviceworker-internals/

And then Unregister and Stop all workers there.

Upvotes: 2

Marcel Burkhard
Marcel Burkhard

Reputation: 3523

I don't know of an option to turn off the default recoding BUT you can do the following:

  1. Open a new empty tab
  2. Hit F12
  3. Disable Network Recording
  4. Paste the url of your application to the adressbar

This way you don't have to load the page once before disabling network recording, which is your problem from what I understand, because you have a lot of resources loading.

Upvotes: 1

Jason
Jason

Reputation: 3040

By default, it's not recording anything until you have the F12 tools open (even though the circle is red when you first open it). If you don't have the F12 tools open, it won't record the history. When you first open it, if you notice at the bottom, it tells you that nothing has been cached, and refresh the page if you want to see the network traffic. If, when you open the F12 tools, your site is still doing a lot of traffic, it'll start reporting it at that point, but nothing prior.

I'm pretty dubious that it's the source of your slow-down. It's really just capturing all the HTTP traffic and saving the request/responses, it's not a lot of work, very little in fact. The resources/profiles/timelines parts that can be more consuming are all off by default.

This is opening F12 tools right after Reddit has finished loading

Upvotes: 0

JGibbers
JGibbers

Reputation: 257

There's a button in the top left of the Network Panel. It looks like a little red circle, you can hit that to stop recording network events.

I just disabled it, refreshed this page and saw nothing in there. Is something like that what you were looking for?

Upvotes: 0

Related Questions