Es ist eine sehr alte Frage, aber erwähnenswert.
Firefox hat jetzt "Responsive Design Mode" Welches ist die beste Reaktion auf antwortende Tests, die ich in jedem Browser gesehen habe.
die Verknüpfung ist Cntrl+Shift+M
und Sie sind in einer fantastischen mobilen Ansicht mit vollständiger Kontrolle über die Größe des Bildschirms, während immer noch in der Lage, die Dev-Tools zu öffnen.
Update - Chrome Werkzeuge
Seine seit dieser Antwort eine Weile her, und da Firefox
‚s Handy-Entwicklungs-Tools nicht eine ganze Menge geändert haben, haben Google Chromes
eine ganze Menge und geändert so fantastisch, es wäre albern, nicht für diejenigen zu teilen, die es noch nicht benutzt haben.
Hit F12
dann wird dies öffnen, dann drücken Sie die kleine mobile Symbol, um die mobilen Entwicklungs-Tools zu bringen:
Damit werden die mobilen Entwickler-Tools öffnen, die wie dieses
sieht
Von hier aus können Sie alle möglichen Dinge ändern, aber einfach zwischen Geräten mit den vordefinierten Geräten und Benutzeragenten, die automatisch für Sie eingerichtet werden.
Mehr über Sie können Dinge ändern, wie Touch, Geolocation usw.
Bildschirmgröße oder Browsergröße? – bfavaretto
Browsergröße ... für Responsive Designs und Medienabfragen –
Das Anzeigen der Browser-Dimensionen ist eine Einstellung in Opera, die es seit Jahren gibt (fast schon in Version 6). – cimmanon