So erstellen Sie einen Screenshot in Google Chrome mit Dev Tools

Inhaltsverzeichnis:

So erstellen Sie einen Screenshot in Google Chrome mit Dev Tools
So erstellen Sie einen Screenshot in Google Chrome mit Dev Tools
Anonim

Was man wissen sollte

  • Auf einem PC: Drücken Sie Strg + Umsch alttaste + I und dann Strg + Umsch alttaste P.
  • Mac: Drücken Sie Command + Option + I dann Command + Shift P.
  • Geben Sie dann "Screenshot" ein, um die vier Screenshot-Optionen anzuzeigen.

In diesem Artikel wird erklärt, wie Sie mit den Entwicklertools Screenshots in Chrome aufnehmen.

So verwenden Sie die Chrome-Entwicklertools zum Aufnehmen von Screenshots

Der Unterschied zwischen der Verwendung der Taste "Druck" und dem Chrome-Tool besteht darin, dass das Chrome-Screenshot-Tool nicht die Ränder des Chrome-Browserfensters enthält, sondern nur den Inh alt der Webseite. Wenn Sie nur den Seiteninh alt erfassen möchten, ohne Ihre Screenshots zu bearbeiten, können Ihnen die Entwicklertools einen Schritt ersparen.

Sie können Menüs oder Tastenkombinationen verwenden, um auf die Entwicklertools zuzugreifen.

  1. Drücken Sie Strg + Shift + I auf einem PC oder Command + Option + I auf einem Mac. Klicken Sie alternativ auf das Dreipunkt-Menüsymbol und wählen Sie Weitere Tools > Entwicklertools Dies öffnet das Entwicklermenü von Element Inspector, das die Webseite anzeigt HTML-Codierung.

    Image
    Image
  2. Drücken Sie dann Strg + Umsch alttaste P (PC) oder Befehlstaste + Umsch alttaste P (Mac) oder klicken Sie auf das Dreipunktmenü für Customize And Control DevTools und wählen Sie Run Command.

    Image
    Image

    Klicken Sie für einen Screenshot in normaler oder voller Größe oben auf der Seite, die Sie aufnehmen möchten, auf das Menüsymbol mit den drei Punkten und wählen Sie Screenshot aufnehmen oder Screenshot in voller Größe aufnehmen.

  3. Geben Sie "screenshot" ein, um die Screenshot-Optionen anzuzeigen, die wie folgt sind:

    • Screenshot des Erfassungsbereichs
    • Screenshot in voller Größe aufnehmen
    • Capture-Knoten-Screenshot
    • Screenshot aufnehmen
    Image
    Image
  4. Scrollen Sie nach unten, um mit der Maus oder den Pfeiltasten auf Ihrer Tastatur den Screenshot-Typ auszuwählen, den Sie aufnehmen möchten.

Screenshot-Optionen für Chrome-Entwickler

Wählen Sie Screenshot des Aufnahmebereichs, um einen Teil des Bildschirms zu erfassen. Ziehen Sie mit der Maus ein Kästchen um den Bereich, den Sie scannen möchten.

Um einen Screenshot einer ganzen Webseite zu erh alten, wählen Sie Screenshot in voller Größe aufnehmen. Mit dieser Option erh alten Sie ein Bild einer Webseite, das nicht bequem auf einen Bildschirm passt.

Diese Option hatte bei unseren Tests je nach Website unterschiedliche Ergebnisse.

Wenn Sie einen Standard-Screenshot wünschen, wählen Sie Screenshot aufnehmen, wodurch erfasst wird, was auf Ihrem Bildschirm zu sehen ist.

Schließlich können Sie einen Screenshot eines HTML-Elements erh alten, indem Sie Knoten-Screenshot erfassen. wählen

Nachdem Sie einen Screenshot aufgenommen haben, erscheint ein Dialogfeld zum Speichern. Wählen Sie einen Ordner und geben Sie Ihrem Screenshot einen Dateinamen. Alle mit den Entwicklertools aufgenommenen Screenshots sind auch im Download-Manager von Chrome verfügbar.

Empfohlen: