Browser-Plugin zum Ändern der Fenstergröße für Brower-Tests

Wenn ich eine Website erstelle, arbeite ich an meinem 22 "externen Display, was in Ordnung ist, aber um eine bessere Vorstellung davon zu bekommen, wie die Website auf kleineren Bildschirmen aussehen wird, muss ich die Größe meines Browserfensters ändern.

Im Moment benutze ich http://resizemybrowser.com/ (das auch eine Safari-Erweiterung hat), aber ich habe gewandert, ob es ein Firefox- oder Chrome-Browser-Plugin gibt, das etwas Ähnliches dosiert, ich habe gesucht, aber bisher nichts gefunden.

Ich habe gerade in Firefox herumgegraben und festgestellt, dass es auch einen "Responsive Design" -Modus hat. Gehen Sie zu Web Developer → Responsive Design View .

Anschließend erhalten Sie eine Dropdown-Liste mit voreingestellten Auflösungen:

Dies ist eine in Chrome integrierte Funktion.

1. Öffne die DevTools ( F12)

2. Öffnen Sie die Einstellungen

   

3. Stellen Sie im Bedienfeld „ Überschreibungen“ die gewünschte Größe für Ihr Fenster ein .

   

Hinweis: Wenn Sie in diesem Bereich einen Benutzeragenten auswählen, versucht Chrome automatisch, die richtigen Gerätemetriken für den ausgewählten Agenten auszuwählen.

Für Chrome können Sie Window Resizer verwenden . Für Firefox können Sie Firesizer verwenden .