In the new versions of Google Chrome (on MacOS in my case), the Preview in the Network Tab is very small. The same problem exists in other browsers (Arc).
As a temporary solution - you need to overwrite the CSS styles for this window.
We will add width: 100%; and height 400% to the iframe with the class html-preview-frame.
The inspector works exactly as it does on other web pages.
I found a thread on Reddit with this problem. So I'm not the only one. The next step is to use some Chrome plugin and hardcode these styles.
UPD.I found a way to overwrite styles after reloading the page.
Open Inspector (first level)
Go to Network Tab / Preview
Open the inspector inside the preview
Source / Overrides:
requestHTMLView.css -> Add styles
Collapse the second inspector (which inspects the first haha)
And the main trick - this second inspector, which we used to inspect the first - should not be closed, but collapsed. Then the overrides will be applied :D
