Für die Mobile-First-Entwicklung suche ich nach einem Browser-Plug-in, um eine Domain standardmäßig in einem responsiven Darstellungsbereich zu öffnen.
Mein aktueller Arbeitsablauf besteht darin, in Firefox auf dem Desktop zu entwerfen und dann manchmal mobile Layouts mit „View Responsive Layouts“ aus dem Web Developer-Plug-in zu überprüfen. Abhängig vom QA-Feedback, wer auf Geräten testet, schaue ich mir die Website möglicherweise in einem Emulator oder einem tatsächlichen Gerät an.
Aber für dieses anstehende Projekt konzentrieren wir uns auf die Mobile-First-Entwicklung, also möchte ich meinen Arbeitsablauf so ändern, dass ich zuerst für Mobilgeräte entwickle.
Ich verstehe, dass ein in der Größe angepasster Desktop-Browser kein echtes mobiles Gerät ist, aber ich möchte zumindest diesen ersten Schritt machen. Wenn es nicht ausreicht, kann ich dazu übergehen, hauptsächlich einen Emulator oder ein Gerät zu verwenden.
Gibt es ein Browser-Plug-in, das eine bestimmte Domain standardmäßig in einem Darstellungsbereich in mobiler Größe öffnet? Ich verwende hauptsächlich Firefox, aber ich bin offen für jeden gängigen Browser, wenn ein Plugin für etwas anderes als Firefox verfügbar ist.
Die responsiven Layout-Größenanpassungen, die das Web Developer-Plug-in bietet, sind:
Ursprünglich als Kommentar gedacht, aber auf Anfrage des OP zu einer Antwort erweitert:
Dafür benötigen Sie kein zusätzliches Plugin und können sogar bei Ihrem aktuellen Browser namens Firefox bleiben: Anstatt mit der Maus über Tools › Web Developer › Responsive Design View Golf zu spielen , drücken Sie einfach Shift- Ctrl- M, um dasselbe zu erreichen. Das ist nicht zu viel Overhead und schnell erreicht. YMMV , aber für mich ist das vollkommen zufriedenstellend.
Izzy
Benutzer151841