Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 633
Alexandre Avatar asked Jun 25 '14 14:06

Alexandre


People also ask

How do I stop API calls from Network tab?

Block network requests in Chrome DevTools # Press `Control+Shift+J` (or `Command+Option+J` on Mac) to open DevTools. Click the Network tab. Right-click any request in the Network panel. Select Block request URL.

What is recorder in Chrome developer tools?

With the Recorder panel, you can record the checkout flow once and measure it regularly. Clicking on the Measure performance button will first trigger a replay of the user flow, then open the performance trace in the Performance panel. Learn how to analyze your page's runtime performance with the Performance panel.


1 Answers

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

chrome://serviceworker-internals/

And then Unregister and Stop all workers there.

like image 148
AlexioVay Avatar answered Sep 21 '22 14:09

AlexioVay