So machen Sie Screenshots (und Scrollenscreenshots) von Webseiten

Webseiten -Screenshot: Detaillierte Erläuterung von Screenshot -Methoden für verschiedene Browser

Müssen Sie Webinhalte speichern oder teilen? In diesem Artikel wird Sie beanstandet, wie Sie verschiedene Browser effizient verwenden, um Screenshots von Webseiten, einschließlich Vollbild- und teilweise Screenshots, aufzunehmen. Im Gegensatz zu gewöhnlichen Screenshots müssen Webseiten -Screenshots das Entfernen von Schnittstellenelementen wie Browser -Symbolleisten und Menüs entfernen und nur den Webseiteninhalt selbst beibehalten.

Google Chrome Browser

Die integrierte Screenshot-Funktion der Desktop-Version des Chrome-Browsers ist in den Entwickler-Tools versteckt. Drücken Sie nach dem Öffnen der Zielseite Strg Shift I (Windows) oder CMD -Option I (macOS), um das Entwickler -Tools -Feld zu öffnen. Dann:

1. Klicken Sie auf die drei Punkte in der oberen rechten Ecke des Entwickler -Tools -Feldes.
2. Wählen Sie "Befehl ausführen".
3. Geben Sie "Screenshot" ein, um die Option Screenshot aufzurufen.
4. Klicken Sie auf "Screenshots in voller Größe erfassen", um die gesamte Seite zu erfassen.
5. Klicken Sie auf "Screenshot erfassen", um den sichtbaren Bereich der Seite zu erfassen.

Das Dialogfeld Speichern speichern später und Sie können auswählen, wo Sie den Screenshot speichern können. Wenn Sie die integrierten Optionen zu umständlich finden, sind viele Screenshot-Tools von Drittanbietern, wie z. mehr präzise).

Für mobile Geräte hat die Android-Version von Chrome eine integrierte Screenshot-Funktion, aber die iOS-Version von Chrome muss sich auf die eigene Screenshot-Methode des Systems verlassen. Im Android -System öffnen Sie die Zielseite, klicken Sie in der oberen rechten Ecke auf die drei Punkte, wählen Sie "Freigabe" und wählen Sie dann "Long Screenshot".

Apple Safari Browser

Ähnlich wie Chrome ist das Screenshot -Tool für die MacOS -Version des Safari -Browsers auch in den Entwickleroptionen versteckt und muss zuerst aktiviert werden: Safari & GT; Das Kontrollkästchen von Webentwicklern "Funktionen. Nach der Aktivierung dieser Funktion:

Öffnen Sie das Entwicklungsmenü und wählen Sie Webinspektor anzeigen.

1. Wenn es noch nicht geöffnet ist, wechseln Sie zur Registerkarte Elemente.
2. Klicken Sie mit der rechten Maustaste auf die erste Zeile des Codes (beginnend mit dem HTML-Tag).
3. Wählen Sie im Popup-Menü "Screenshot erfassen".
Sie sehen ein Dialogfeld Speichern, in dem Sie auswählen können, wo Sie den Screenshot speichern können. Dies ist ein vollständiger Scroll -Screenshot mit der gesamten Seite - es gibt keine Möglichkeit, sich nur sichtbare Teile zu speichern.

Wir wissen nicht, welche hochwertigen Screenshot-Erweiterungen für den Safari-Browser auf MacOS verfügbar sind. Safari für iOS bietet diese Funktion auch nicht an - Sie können jedoch durch die übliche Weise scrollen, die die gesamte Seite erfasst.

Microsoft Edge Browser

Die Desktop -Version des Edge Browsers integriert ein Screenshot -Tool, sodass das Aufnehmen von Screenshots nicht schwierig ist. Klicken Sie nach dem Öffnen der Zielseite auf die drei Punkte in der oberen rechten Ecke und wählen Sie "Screenshot" aus.

Sie sehen drei Optionen oben auf der Seite: Erfassungsbereich (Erfassungsteil der Seite, indem Sie die Rechteckauswahl ziehen), den Bildschirmbereich aufnehmen (Inhalt auf dem aktuellen Bildschirm erfassen) oder alle Seite erfassen “(Capture die gesamte Seite).

Ihr Screenshot wird in einem separaten Fenster angezeigt: Bei Bedarf können Sie die Screenshots mit dem einfachen Stiftwerkzeug mit Anmerkungen versehen. In der oberen rechten Ecke des Fensters finden Sie das Symbol, um den Screenshot in die Systemklemme zu kopieren oder auf der Festplatte zu speichern.

Edge Browser basiert auf derselben Codebasis wie Chrome. Wenn Sie also Funktionen benötigen, die in integrierten Tools nicht verfügbar sind, können Sie auf dieselbe Erweiterung zugreifen. In ähnlicher Weise sind Webseiten -Screenshot und GofullPage einen Blick wert.

Auf Mobiltelefon folgt Edge die Vorlage von Chrome: In Android finden Sie das Screenshot -Tool, indem Sie auf die Menüschaltfläche (drei Zeilen in der unteren rechten Ecke) klicken und "Freigabe" und "Scroll Screenshot" auswählen. In iOS müssen Sie sich auf Methoden verlassen, die in die Systemsoftware integriert sind.

Mozilla Firefox Browser

Firefox Desktop -Version wird auch mit einem Screenshot -Tool ausgestattet. Klicken Sie mit der rechten Maustaste auf die Webseite, die Sie anzeigen, und wählen Sie "Screenshot durchsuchen".

Sie haben dann drei Optionen: Sie können auf der Seite klicken und einen Bereich ziehen, oder Sie können in der oberen rechten Ecke auf die Schaltfläche "sichtbar" oder "Vollständige Seite speichern" klicken. Sie erhalten ein Vorschau -Fenster und die Option, das Bild zu "kopieren" oder "herunterladen".

Natürlich ist Firefox einer der besten Browser, da es Erweiterungen unterstützt. Wenn die Integrationsoptionen Ihren Anforderungen nicht entsprechen, können Sie Add-Ons wie Easy Screenshot, Lightshot und Awesome Screenshot verwenden. Sie sind alle hoch bewertet und haben eine intuitive und einfache Schnittstelle.

In Bezug auf mobile Apps haben weder Android noch iOS Firefox eine integrierte Screenshot-Funktionalität, sodass Sie sich an die Standard-Screenshot-Optionen halten müssen. Auf Android können Sie die Seite jedoch als PDF speichern: Klicken Sie auf die drei Punkte in der oberen rechten Ecke, klicken Sie dann oben auf das Teilensymbol und wählen Sie "Speichern Sie als PDF".

Das obige ist der detaillierte Inhalt vonSo machen Sie Screenshots (und Scrollenscreenshots) von Webseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!