Can I have Chrome DevTools open during the page load?

Question

It's common I want to have the DevTools open while a page refreshes. Can I have the DevTools available to debug that page from the start?

Answer 1

You can remote debug your own Chrome instance to get a full DevTools for every page. Start Chrome with the command line flag: --remote-debugging-port=9222

You then get a UI like:

From here you select which tab you'd like to debug and it'll open up the DevTools in an exclusive window for that page: