Windows Tips & News

Screenshot der Webseite mit Geräterahmen in Chrome erstellen

Sperrbildschirm-Anpasser für Windows 8.1
2 Antworten

Eine weniger bekannte Funktion von Google Chrome auf Desktop-Betriebssystemen ist die Möglichkeit, einen Screenshot einer geöffneten Seite zu erstellen, als ob der Screenshot des auf einem mobilen Gerät ausgeführten Browsers wäre. Es kann sogar einen Rahmen um den Screenshot hinzufügen, damit er 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 kleinen Bildschirmgeräten aussehen. Es ermöglicht die Angabe einer benutzerdefinierten Bildschirmgröße oder die Verwendung vordefinierter Gerätegrößen wie iPhone, iPad, Nexus oder Samsungs Galaxy. 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 sie wie ein realistisches Foto aussieht. winaero-com-blog-firefox-drops-all-npapi-plugins-außer-flash-iphone-6

Sie können es wie folgt tun.

  1. Öffnen Sie die gewünschte Seite in Chrome und drücken Sie F12. Dadurch werden die Entwicklertools geöffnet:
  2. Klicken Sie auf die Emulator-Schaltfläche für mobile Geräte, um den Entwicklertools-Modus zu wechseln:
  3. Wählen Sie unter der Geräteauswahl ein Gerät aus. Ich wähle zum Beispiel iPhone 6:
  4. Klicken Sie nun rechts neben der Geräteauswahl auf das 3-Punkte-Menü und aktivieren Sie die Option "Geräterahmen anzeigen":
  5. 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 wird wie folgt sein:

Du bist fertig.

Vivaldi 1.5.618.8 ermöglicht das Ziehen von Tabs zwischen Fenstern

Vivaldi 1.5.618.8 ermöglicht das Ziehen von Tabs zwischen Fenstern

1 AntwortEin neuer wöchentlicher Schnappschuss des innovativen Vivaldi-Browsers kommt mit einem n...

Weiterlesen

So verwenden Sie Skype ohne Konto

So verwenden Sie Skype ohne Konto

5 AntwortenWenn Sie über Skype einen Sprach- oder Videoanruf tätigen oder ein Gespräch beginnen m...

Weiterlesen

Microsoft überprüft Winget-Repo-Einreichungen manuell

Microsoft überprüft Winget-Repo-Einreichungen manuell

Letzte Woche hat Microsoft offiziell die endgültige Version des Windows Package Managers, auch be...

Weiterlesen