Browser-Add-on zum Testen des mobilen Designs

8

Gibt es Add-Ons, um eine HTML-Seite zu testen, um zu sehen, wie sie auf einem mobilen Gerät aussehen wird? Ich entwickle mit PhoneGap, aber Eclipse Emulator ist zu langsam, um die ganze Zeit zu aktualisieren, also möchte ich eine Browsererweiterung haben, die Bildschirmauflösung wie auf dem Handy macht.

    
gorgi93 13.08.2012, 14:22
quelle

2 Antworten

18

Wenn Sie nur an der Bildschirmgröße interessiert sind, Firefox 15 (derzeit Beta , Veröffentlichung in zwei Wochen) hat Responsive Design-Ansicht in das Web Developer-Menü, mit dem Sie die "Bildschirmgröße" anpassen können. Zum Beispiel können Sie 360x640 (nHD-Auflösung) auswählen und Ihre Seite ansehen.

Mobile Browser können jedoch benutzerdefinierte Anpassungen an Webseiten vornehmen. Diese Anpassungen hängen vom verwendeten Browser ab. Zum Beispiel macht Firefox Mobile etwas namens Font Inflation . Sie können es nicht in einem Desktop-Browser reproduzieren, Sie müssen tatsächlich Firefox Mobile dafür ausführen. Das Problem: Mobile Browser laufen nur auf Mobiltelefonen, auch Mozilla hat nach dem Wechsel auf die native Android-Benutzeroberfläche die Bereitstellung von Firefox Mobile für den Desktop eingestellt.

Bearbeiten : Ab Firefox 33 gibt es einen Firefox OS-Simulator, der in Firefox integriert ist (dank Tomek um mich in diese Richtung zu weisen). Um es zu starten, öffnen Sie WebIDE , klicken Sie dann auf "Select Runtime" und wählen Sie "Firefox OS 1.3. " Dadurch wird der Simulator gestartet, Sie müssen nur auf das Firefox-Symbol klicken (für mich ist es ein blaues, nicht das übliche Orange). Da sind Sie, Sie können jede Website in einem echten mobilen Browser direkt auf Ihrem Desktop testen.

    
Wladimir Palant 13.08.2012, 14:35
quelle
2

Firefox OS Simulator kann den Trick machen: Einfach installieren. Führen Sie es aus und führen Sie den Browser aus. :)

    
Tomek 20.11.2013 16:54
quelle