In den neuen Versionen von Google Chrome (in meinem Fall auf MacOS) ist die Vorschau im Netzwerk-Tab sehr klein. Das gleiche Problem gibt es auch in anderen Browsern (Arc).
Als vorübergehende Lösung müssen die CSS-Stile für dieses Fenster überschrieben werden.
Wir fügen width: 100%; und height 400% zum iframe mit der Klasse html-preview-frame hinzu.
Der Aufruf des Inspektors funktioniert genau wie auf anderen Webseiten.
Ich habe einen Thread auf Reddit zu diesem Problem gefunden. Ich bin also nicht der Einzige. Der nächste Schritt ist, ein Chrome-Plugin zu verwenden und diese Stile hart zu codieren.
UPD.Ich habe eine Möglichkeit gefunden, die Stile nach dem Neuladen der Seite zu überschreiben.
Inspektor öffnen (erste Ebene)
Zum Netzwerk-Tab / Vorschau wechseln
Inspektor innerhalb der Vorschau öffnen
Source / Overrides:
requestHTMLView.css -> Stile hinzufügen
Den zweiten Inspektor minimieren (der den ersten inspiziert, haha)
Und der Haupttrick - dieser zweite Inspektor, mit dem wir den ersten inspiziert haben - nicht schließen, sondern minimieren. Dann werden die Overrides angewendet :D
