Beim Bearbeiten von Chrome DevTools die Größe des Ansichtsfensters statisch halten

Question

Gibt es eine Möglichkeit, die Größe des Viewports statisch zu halten, während ich das Chrome DevTools-Fenster anpasse?

Öffnen Sie zum Beispiel ich DevTools und es nach unten hin von meinem Fenster minimiert ...

Also gehe ich um es zu erweitern. Aber wenn ich das tue, ändert sich die Größe des Darstellungsbereichs, was es in diesem Fall schwierig macht, mit meiner Geige zu interagieren.

Mit anderen Worten, ich möchte die Seite gerendert, als ob es das Ansichtsfenster Aufnahme wurde, und als ich DevTools öffnen, es deckt nur die untere Hälfte des Ansichtsfensters nach oben, ohne innerWidth oder innerHeight zu ändern.

Answer 1

Ich bin nicht bekannt, dass Option in DevTools genau dieses Verhalten zu erreichen, aber man kann durch Aktivierung der Responsive Modus, um die Situation zu verbessern, während der Inspektor offen:

Per oben, Sie Sie können DevTools erweitern, um einen vernünftigen Teil des Bildschirms zu füllen, und dann die Höhe und Breite des Ansichtsfensters entsprechend einstellen, so dass Sie den Inhalt sehen können, den Sie untersuchen möchten.