Gibt es Add-Ons zum Testen einer HTML-Seite, um zu sehen, wie sie auf einem mobilen Gerät aussehen wird? Ich entwickle mit PhoneGap, aber der Eclipse-Emulator ist zu langsam, um ihn ständig zu aktualisieren. Daher möchte ich eine Browsererweiterung, die die Bildschirmauflösung wie auf dem Handy ermöglicht.Browser-Add-on zum Testen des mobilen Designs
Wenn Sie nur auf die Bildschirmgröße achten, hat Firefox 15 (derzeit Beta, Veröffentlichung in zwei Wochen) Responsive Design View im Web Developer-Menü, mit dem Sie "Bildschirmgröße" anpassen können. Zum Beispiel können Sie 360x640 (nHD-Auflösung) auswählen und Ihre Seite betrachten.
Mobile Browser können jedoch benutzerdefinierte Anpassungen an Webseiten vornehmen. Diese Anpassungen hängen vom verwendeten Browser ab. Zum Beispiel, Firefox Mobile tut 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 Handys, auch Mozilla hat nach dem Wechsel auf die native Android-UI keine Firefox Mobile für den Desktop mehr bereitgestellt.
Bearbeiten: Ab Firefox 33 gibt es einen Firefox OS Simulator in Firefox integriert (danke an Tomek für mich in diese Richtung). Um es zu starten, open WebIDE, dann klicken Sie 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). Dort können Sie jede Website in einem echten mobilen Browser direkt auf Ihrem Desktop testen.
+1 für die Erwähnung von Font Inflation in Firefox Mobile. Das war mir nicht bewusst. – AmokHuginnsson
Hier gibt es eine sehr praktische, kurze Demo: https://www.youtube.com/watch?v=t07cLJhJkjQ –
Firefox OS simulator kann den Trick: Installieren Sie es einfach. Führen Sie es aus und führen Sie den Browser aus. :)
Möchten Sie einfach die Bildschirmgröße emulieren, oder müssen Sie auch die Gerätefunktionalität emulieren? Wenn Sie nur die Bildschirmgröße berücksichtigen möchten, können Sie einen beliebigen Webkit-basierten Browser verwenden und die Größe des Ansichtsfensters nach Bedarf anpassen. –