Was man wissen sollte
- Wählen Sie das Dreipunkt-Menü Menü "Mehr" > Weitere Tools > Entwicklertools. Klicken Sie auf das Auslassungszeichen > Befehl ausführen > geben Sie "Screenshot" ein.
- Wählen Sie einen Typ aus: Bereichs-Screenshot, Screenshot in voller Größe, Knoten-Screenshot oder Screenshot.
Dieser Artikel erklärt, wie man Screenshots auf Microsoft Edge mit einem versteckten Dienstprogramm macht, das in den Entwicklertools versteckt ist.
So erstellen Sie einen Screenshot einer Webseite auf Edge
Die Möglichkeit, ganzseitige Screenshots von Webseiten aus dem Browser selbst zu erstellen, ist von unschätzbarem Wert, da nicht alle Bildschirmaufnahme-Softwares mit scrollbaren Inh alten saubere Arbeit leisten. Sie können die Entwicklertools in Edge verwenden, um ganzseitige Screenshots und drei andere Arten von Screenshots zu erstellen.
Der Browser speichert die Bilddateien im Standard-Download-Ordner auf Ihrem Computer oder fragt Sie nach einem bestimmten Speicherort.
-
Drücken Sie die Taste F12 oder Strg + Umsch alt + I auf Ihrer Windows-Tastatur, um Entwicklertools zu öffnen in Microsoft Edge. macOS-Benutzer sollten die Tastenkombination Command + Option + I verwenden. Sie können auch über die Edge-Symbolleiste auf die Entwicklertools zugreifen. Wählen Sie den Dreipunkt Mehr > Weitere Tools > Entwicklertools
Image -
Wählen Sie im Bedienfeld „Entwicklertools“das Symbol mit den drei Punkten oben rechts aus, um die DevTools anpassen und steuern. zu öffnen.
Image - Wählen Sie Befehl ausführen (oder drücken Sie Strg + Umsch alt + P) aus dem vertikalen Menü.
-
Geben Sie "screenshot" in das Befehlsfeld "Ausführen" ein, um die vier möglichen Befehle anzuzeigen. Mit diesen vier Befehlen können Sie den Teil der Webseite auswählen, den Sie erfassen möchten.
Image -
Wählen Sie Screenshot eines Bereichs aufnehmen aus der Liste der Befehle, um einen Screenshot eines bestimmten Bereichs aufzunehmen. Verwenden Sie das Fadenkreuz, um mit der linken Maustaste zu klicken und den Umriss für den Screenshot zu zeichnen. (Wir haben einen Abschnitt hervorgehoben, um Ihnen zu zeigen, dass er dunkelgrau wird, aber natürlich markieren Sie den gewünschten Teil.)
Image - Wählen Sie Screenshot in voller Größe aufnehmen aus der Liste der Befehle, um einen Screenshot in voller Größe aufzunehmen. Dadurch wird die gesamte Webseite erfasst, einschließlich scrollbarer Inh alte, die nicht auf dem Bildschirm angezeigt werden.
-
Wählen Sie Knoten-Screenshot erfassen aus der Liste der Befehle aus, um einen ausgewählten HTML-Knoten in Dev Tools auf der Registerkarte Elemente zu erfassen. Sie können auch mit der rechten Maustaste auf den ausgewählten Knoten klicken und Knoten-Screenshot erfassen auswählen. Wählen Sie beispielsweise die „Header-Klasse“und erfassen Sie den Header der Webseite.
Image -
Wählen Sie Screenshot aufnehmen aus der Liste der Befehle, um einen Screenshot der aktiven Ansicht zu erstellen. Dies ist der Bereich, der im Browser sichtbar ist und nicht den scrollbaren, aber unsichtbaren Bereich enthält.
Tipp:
Chromium-Browser wie Chrome und Edge ermöglichen es Ihnen auch, andere Geräte und deren Bildschirmauflösungen zu emulieren. Sie können diese Eigenschaft und die Screenshot-Befehle auch verwenden und erfassen, wie eine Webseite auf einem bestimmten Gerät aussehen würde.
Wählen Sie Geräteemulation umsch alten in der Symbolleiste der Entwicklertools (oder drücken Sie Strg + Umsch alt + M).
