Leser wie Sie helfen, MUO zu unterstützen. Wenn Sie über Links auf unserer Website einen Kauf tätigen, erhalten wir möglicherweise eine Affiliate-Provision. Weiterlesen.

Screenshots sind ein flexibles Werkzeug für alltägliche Aufgaben, von der Präsentation von Arbeiten bis hin zum Teilen von Informationen. Sie können Screenshots mit Tastaturbefehlen, Apps und Browsererweiterungen erstellen, aber haben Sie jemals versucht, Screenshots direkt über Google Chrome zu erstellen?

Hier ist ein Szenario, Sie benötigen einen Screenshot einer ganzen Webseite. Anstatt mehrere Screenshots der Seite zu machen, was mühsam sein kann, warum nicht auf einmal? Hier kommen die Entwicklertools ins Spiel.

In dieser Anleitung wird erläutert, wie Sie mit den Entwicklertools von Chrome ganz einfach einen Screenshot Ihrer Webseiten erstellen können.

Die Entwicklertools von Chrome sind leistungsstarke integrierte Debugging-Tools, die in den Google Chrome-Browser integriert sind. Die Tools ermöglichen Entwicklern zum Testen, Debuggen und Optimieren von Webanwendungen, um sie schneller und zuverlässiger zu machen.

instagram viewer

Einige Funktionen umfassen das Anzeigen und Bearbeiten des Codes einer Webseite in Echtzeit, das Anzeigen ihres Netzwerkverkehrs und das Analysieren ihrer Leistung, einschließlich Ladezeiten und Speichernutzung.

Führen Sie die folgenden Schritte aus, um mit den Entwicklertools in Google Chrome einen Screenshot einer Webseite zu erstellen:

Zuerst öffnen Google Chrome und gehen Sie dann zu einer Website oder einer bestimmten Webseite. Klicken Sie dann mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und klicken Sie Prüfen unten im Dropdown-Menü, um die zu öffnen Entwicklerwerkzeuge Tafel. Alternativ können Sie verwenden Strg + Umschalt + C.

Schalten Sie die Gerätesymbolleiste indem Sie auf das zweite Symbol in der oberen linken Ecke oder klicken Strg + Umschalt + M. Sie können sehen, wie die Seite auf verschiedenen Geräten wie Telefonen und Tablets aussieht.

Oben links befindet sich ein Dropdown-Menü namens Maße. Wenn Sie darauf klicken, wird ein Menü mit verschiedenen Geräten angezeigt. Wenn Sie auf eine Option klicken, wird Ihnen angezeigt, wie die Seite auf diesem Gerät aussieht. Sie können auch die Seitenbreite und -höhe sowie eine Option zum Vergrößern und Verkleinern sehen.

Abhängig von Ihrem Gerät wird die Breiten- oder Höhenoption (oder beides) ungültig, sodass Sie die Größe nicht ändern können.

Optional können Sie das Gerät und die Ausrichtung auswählen, mit denen ein Screenshot erstellt werden soll Gerätemodus. Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf die drei vertikalen Punkte in der Dimensionsleiste und dann auf einen der beiden Screenshot aufnehmen oder Screenshot in voller Größe aufnehmen.

Alternativ können Sie verwenden Strg + Umschalt + P, um das Befehlsmenü zu öffnen und das Wort einzugeben Bildschirmfoto im Textfeld. Wenn Sie das Wort eingeben, werden Sie feststellen, dass in einem Dropdown-Menü vier Arten von Screenshot-Erfassungsoptionen angezeigt werden:

  1. Screenshot des Aufnahmebereichs: Erstellt einen Screenshot eines geprüften Elements.
  2. Screenshot in voller Größe aufnehmen: macht einen Screenshot der gesamten Seite.
  3. Knoten-Screenshot erfassen: Ziehen Sie einen bestimmten Bereich der Seite, den Sie erfassen möchten.
  4. Screenshot aufnehmen: Erstellt einen Screenshot aller sichtbaren Inhalte auf der Seite.

Um einen breiteren Screenshot der Seite zu erhalten, passen Sie die Größe des Bereichs „Entwicklertools“ an. Sie können dies tun, indem Sie mit der Maus über die rechte Seite der vertikalen Bildlaufleiste fahren, bis Sie einen Doppelpfeil sehen. Klicken Sie darauf und ziehen Sie das Bedienfeld nach links oder rechts, um die Seitengröße zu ändern.

Der Screenshot wird automatisch in Ihrem gespeichert Downloads Ordner als PNG-Bilddatei, solange Sie noch keine haben Probleme beim Herunterladen von Dateien. Von dort aus können Sie alle Anpassungen am Bild vornehmen.

Eine neue Möglichkeit, Screenshots in Google Chrome zu machen

Das Aufnehmen eines Screenshots mit den Entwicklertools von Google Chrome kann Ihnen dabei helfen, mehr zu erledigen und Zeit zu sparen. Es gibt Ihnen auch eine neue Möglichkeit, Screenshots zu machen, egal ob Sie Entwickler, Designer oder normaler Benutzer sind.

Wenn Sie das nächste Mal einen Screenshot in einer anderen Ausrichtung oder auf einem anderen Gerät machen müssen, ist die Verwendung der Entwicklertools eine schnelle und effiziente Möglichkeit, die immer verfügbar ist. Wenn wir Dateien herunterladen, werden sie in unserem Standardordner für Downloads gespeichert. Wenn Sie jedoch den Ordner ändern möchten, können Sie dies ganz einfach in Google Chrome tun.