Eine weniger bekannte Funktion von Google Chrome auf Desktop-Betriebssystemen ist die Möglichkeit, einen Screenshot einer geöffneten Seite so aufzunehmen, als ob der Screenshot von dem Browser stammt, der auf einem mobilen Gerät ausgeführt wird. Es kann sogar einen Rahmen um den Screenshot hinzufügen, sodass es wie ein realistisches Foto eines Smartphones aussieht. Hier ist, wie es gemacht werden kann.
In den Chrome Developer Tools gibt es ein spezielles Tool, mit dem Sie ein mobiles Gerät emulieren können. Für Entwickler ist es sehr nützlich zu überprüfen, wie ihre Websites auf Smartphones und Geräten mit kleinem Bildschirm aussehen. Hier können Sie eine benutzerdefinierte Bildschirmgröße festlegen oder vordefinierte Gerätegrößen wie iPhone, iPad, Nexus oder Samsung Galaxy verwenden. Sobald die geöffnete Seite im Geräteemulator angezeigt wird, kann der Benutzer einen Screenshot der Seite aufnehmen. Es ist auch möglich, einen Geräterahmen um die Seite herum zu aktivieren, damit er wie ein realistisches Foto aussieht.
Sie können dies wie folgt tun.
- Öffnen Sie die gewünschte Seite in Chrome und drücken Sie F12. Dadurch werden die Entwicklertools geöffnet:
- Klicken Sie auf die Schaltfläche Emulator für mobile Geräte, um den Entwickler-Tools-Modus zu wechseln:
- Wählen Sie unter der Geräteauswahl ein Gerät aus. Zum Beispiel werde ich iPhone 6 auswählen:
- Klicken Sie nun auf das 3-Punkte-Menü rechts neben der Geräteauswahl und aktivieren Sie die Option 'Geräterahmen anzeigen':
- Voila, jetzt wird Ihre Webseite in einem schönen Geräterahmen angezeigt:
Klicken Sie nun erneut auf das Drei-Punkte-Menü und wählen Sie 'Screenshot aufnehmen':
Das Ergebnis ist wie folgt:
Du bist fertig.
