Search code examples
djangogoogle-chrome-devtools

devtools: Open response HTML in new tab


If an ajax/fetch request fails, my framework (django) displays a nice debug page, which contains a lot of useful information.

In chrome devtools I can see a preview of this debug page. But the window in the devtools is way too small.

open-response-in-new-tab

Is there a way to open the output of the POST request in a new tab?

If I use right-button-click "open in new tab" then chrome does a GET. But the GET does not trigger the exception which I would like to debug.


Solution

  • How about using the full-screen mode of dev tools instead of opening in the separate browser tab?

    1. Click on the three dots on the right-hand side of the chrome dev tools
    2. Click on the first option (the two overlapping squares) and it would open the chrome dev tools in the full-screen mode.

    Please refer to the image below.

    enter image description here