The preview in the network tab after the Chrome update has become very small.
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 ...
·1 min. read
Share
This content has been automatically translated from Ukrainian.
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