Abfragen von Medien in einem Browser?

382
Grayda

Ich füge ein paar Screenshots für eine von mir erstellte iOS-App zusammen. Da mein Macbook zu langsam ist, um den Simulator effektiv auszuführen, möchte ich die Screenshots in meinem Browser mit etwa den Dev Tools von Chrome erstellen.

Die Apple-Richtlinien geben an, dass ich bestimmte Größen angeben muss. Für den 3,5-Zoll-Bildschirm ist beispielsweise ein Screenshot erforderlich:

640 x 920 Pixel für hochauflösendes Porträt (ohne Statusleiste), Minimum

Also gehe ich zu den Entwickler-Tools von Chrome und schalte die Emulation der Bildschirmgröße ein. Ich wähle "iPhone 4" aus der Liste. Die Vorschau stimmt mit dem überein, was ich auf meinem aktuellen iPhone 4 sehe, also schnappe ich mir einen Screenshot, aber die resultierende Datei hat 1/2 der erforderlichen Größe (320x460).

Also habe ich das Gerät auf "responsive" eingestellt und 640x920 eingegeben, aber jetzt stimmt die Vorschau nicht mit meinem tatsächlichen iPhone überein, da Medienanfragen auftauchen.

Kann ich Chrome (oder Firefox oder einen anderen Browser) dazu zwingen, den Inhalt als 640x960 anzuzeigen, während Sie die Medienabfrageformate 320x460 verwenden?

Ich habe dies in Firefox ausprobiert und festgestellt, dass, wenn ich meine Größe eingestellt habe, mein Zoom auf 200% eingestellt wird, dies meinem tatsächlichen iPhone 4 entspricht, aber wenn ich einen Screenshot mache, sind die Abmessungen wieder 320x460. Selbst wenn ich die Größe verdoppelt habe (1280x1920) und den Zoom auf 400% eingestellt habe, geht es wieder 320x460 zurück

0

1 Antwort auf die Frage

0
Grayda

Ich habe es mit Firefox 47.0 gelöst. Es gibt eine zweite "Screenshot" -Schaltfläche, die Sie im Einstellungsmenü der Entwicklerwerkzeuge aktivieren können.

Diese Schaltfläche (im Gegensatz zur Screenshot-Schaltfläche "Responsive Mode") berücksichtigt die Zoom-Einstellungen. Wenn Sie also den Darstellungsbereich auf 640 x 920 einstellen, dann auf 200% zoomen, können Sie mit der Screenshot-Schaltfläche der Entwicklertools einen Screenshot machen, der den von Apple empfohlenen entspricht Größe perfekt.

Für 5,5-Zoll-Bildschirme musste ich den Zoom auf 400% einstellen, aber das war es auch schon.

So aktivieren Sie die zweite Screenshot-Schaltfläche

Verwandte Probleme