Prevent AJAX requests in Chrome/Firefox after initial load

Question

I am trying to debug a page in Chrome. Every few seconds the page issues AJAX requests that update elements on the page. Is there a DevTools option to stop these page requests? It makes debugging HTML/CSS difficult since the DOM is reset.

Answer 1

It's a little harsh, but you could override the XMLHttpRequest's call method, then it won't do anything

XMLHttpRequest.prototype.call = function () {};

Type that statement into the console panel of the page your debugging. A page refresh will reset the native functionality.

Answer 2

Open Chrome DevTools. Make a breakpoint in the line that you think it will be run before AJAX requests. Javascript will stop running until you press 'resume' button. Ps: you will see the page's original style. But it's still hard to change html or css in console. So this may not be the best answer!

Answer 3

On dev tools:

Three vertical dots icon >> Network conditions >> Offline present