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

9

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.

Sam
quelle
Welche Tools verwenden Sie für die Webentwicklung?
MDMoore313
Erhabener Text und Traumwaver, aber ich finde mich immer mehr in Richtung Erhabenheit geneigt
Sam

Antworten:

13

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

Geben Sie hier die Bildbeschreibung ein

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

Geben Sie hier die Bildbeschreibung ein

Sam
quelle
Gibt es eine API für diese Option? Wie zum Ändern aus dem Addon-Code?
Kamal Reddy
3

Dies ist eine in Chrome integrierte Funktion.

  1. Öffne die DevTools ( F12)

  2. Öffnen Sie die Einstellungen

    Geben Sie hier die Bildbeschreibung ein

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

    Geben Sie hier die Bildbeschreibung 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.

Der Hochstapler
quelle
2

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

Bibhas
quelle
2
Beachten Sie, dass im Dezember 2013 einige Kontroversen mit diesem Plugin aufgetreten sind, nachdem ein Update begonnen hat, Google-Suchanfragen durch einen Dritten umzuleiten
Charles Wesley