← StartseiteProgrammierung (Програмування)

Die Vorschau im Netzwerk-Tab ist nach dem Update von Chrome sehr klein geworden.

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-Stil...

Dieser Inhalt wurde automatisch aus dem Ukrainischen übersetzt.
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.
ezgif-22124eff598adf.gif
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)
Screenshot 2025-06-05 at 18.50.53.png
Und der Haupttrick - dieser zweite Inspektor, mit dem wir den ersten inspiziert haben - nicht schließen, sondern minimieren. Dann werden die Overrides angewendet :D
ezgif-2c1a6dac5e386f.gif

🔥 Weitere Beiträge

Alle Beiträge
Was ist Vibe-Coding?
25. Jul '25, 21:51 Uhr

Was ist Vibe-Coding?

Vibe-Coding ist ein Zustand, in dem du nicht strengen Programmierregeln folgst, sondern einfach d...