Prompt Before Every Request with Chrome Developer Tools

Viewed 3786

Is it possible with the Google Chrome Developer Tools to pause before each request (css, javascript, images, etc) is made similar to JavaScript breakpoints?

For example:

GET http://example.com
PAUSE...
GET http://example.com/css/styles.css
PAUSE...
GET http://example.com/js/scripts.js

This could be useful to get the url of a request before it is executed.

2 Answers

Chrome debugger actually has an XHR/fetch breakpoint checkbox on the sidepanel of the sources tab in the DevTools window. If you check it, it will actually pause on the function in the JavaScript script, and you can identify it in situe!

Chrome DevTools with XHR/fetch breakpoint checkbox visible

Related