Firefox ist ein beliebter Browser für Windows-PCs^{(Windows PC)} . Mit der Entwickler-Toolbar^{(Developer Toolbar)} in Firefox und Chrome können Sie Screenshots des Browserfensters erstellen, ohne Browser-Add-Ons oder Bildschirmaufnahmesoftware^{(screen capture software)} von Drittanbietern zu verwenden . Dieses Tutorial zeigt Ihnen, wie Sie Screenshots im Chrome- oder Firefox^{(capture screenshots in Chrome or Firefox browser)} -Browser nativ aufnehmen, ohne Software von Drittanbietern zu verwenden oder zu installieren.

Sie wissen natürlich, dass Sie zum Erfassen von Desktop-Screenshots unter Windows^{(capturing Desktop screenshots on Windows)} die Taste Print Screen oder Prnt Scrn drücken müssen. Es befindet sich im oberen rechten Bereich Ihrer Tastatur. Um nur das aktive Fenster zu erfassen, halten Sie die Alt -Taste gedrückt, bevor Sie die Drucktaste^{(Print Screen)} drücken. Lassen Sie uns sehen, wie Sie dies mit den integrierten Entwicklertools^{(Developer Tools)} tun .

Erfassen Sie Screenshots^{(Screenshots)} im Chrome - Browser

Screenshots können sehr nützlich sein, wenn Sie online auf ein interessantes Tutorial stoßen und eine Kopie der Webseite als Screenshot auf Ihrem Computer speichern möchten, um später darauf zurückgreifen zu können. Wenn Sie dasselbe tun möchten, befolgen Sie die im folgenden Beitrag beschriebenen Schritte, um einen ganzseitigen Screenshot einer beliebigen Webseite in Google Chrome zu erstellen .

Starten Sie zunächst Google Chrome und navigieren Sie zu der Webseite, deren Bildschirm Sie erfassen möchten.

Klicken Sie dort auf das Hamburger-Symbol des Browsers, das in der oberen rechten Ecke Ihres Computerbildschirms zu sehen ist.

Wählen Sie als Nächstes " Weitere Tools^{(More tools)} ", wenn das Aktionsmenü erweitert wird, und wählen Sie später die Optionen " Entwicklertools ".^{(Developer tools)}

Danach wird ein kleines Fenster für die Entwicklertools angezeigt^{(Developer Tools)} . Klicken Sie^(Click) auf die Schaltfläche Toggle Device Mode , wie in der Abbildung unten gezeigt, um die Option zu aktivieren. Nach der Aktivierung wird die Schaltfläche blau.

Minimieren Sie hier das Developer Tools -Fenster und richten Sie im Hintergrund Ihren Screenshot ein. Wählen Sie außerdem den richtigen Gerätetyp für Ihren Screenshot aus dem Geräte-Dropdown-Menü aus.

Konfigurieren Sie bei Bedarf die Größe und Ausrichtung des Screenshots.

Wenn Sie fertig sind, klicken Sie auf das 3-Punkte-Symbol in der äußersten rechten Ecke und wählen Sie aus der Liste der angezeigten Optionen diejenige aus, die als „ Screenshot aufnehmen^{(Capture screenshot)} “ angezeigt wird.

That’s it!

Machen Sie Screenshots im Firefox-Browser

TIPP^(TIP) : Sie können jetzt die Firefox-Screenshots^{(enable the Firefox Screenshots)} -Funktion aktivieren.

Öffnen Sie den Browser Mozilla Firefox und gehen Sie zu der Webseite, deren Bildschirm Sie erfassen möchten. Klicken Sie dort auf das Symbol Weitere Aktionen^{(More Actions)} , das in der oberen rechten Ecke sichtbar ist.

Wählen Sie die Entwicklerkachel^{(Developer Tile)} . Dies öffnet die Webentwickler-Tools. Alternativ können Sie ' Ctrl+Shift+I ' drücken, um die Entwicklertools zu starten.

Wählen Sie als Nächstes aus der Liste der angezeigten Optionen die eine Lesung als „ Responsive Design Mode “ aus.

Hier können Sie bei Bedarf die Größe und Ausrichtung Ihres Screenshots festlegen, indem Sie die richtigen Optionen konfigurieren. Sobald Sie alle Dinge an Ort und Stelle gefunden haben, drücken Sie die Kamera^(Camera) - Taste, um den Bildschirm zu erfassen.

Speichern Sie abschließend den aufgenommenen Screenshot am gewünschten Ort auf Ihrem Computer.

Screenshots können für Webdesigner^(Web) von großem Nutzen sein , die Browser-Screenshots erstellen, um eine gründliche Überprüfung der Browserkompatibilität in verschiedenen Webbrowsern und Systemen durchzuführen. Was auch immer die Zwecke sein mögen, Sie können sich immer auf den Chrome- oder Firefox- Browser verlassen, um mit diesen Entwicklertools nativ einen Screenshot zu machen.

Lesen Sie weiter^{(Read next)} : So machen Sie aus der Ferne Screenshots einer Website^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is a popular browser for Windows PC. The Developer Toolbar in Firefox and Chrome allows you to take ѕcreenshots of the browser window without using anу browser add-оns or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.

You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.

Capture Screenshots in Chrome browser

Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full-page screenshot of any web page in Google Chrome.

First, launch Google Chrome and navigate to the web page whose screen you would like to capture.

Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.

Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.

Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.

Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop-down menu.

If required, configure the size and orientation of the screenshot.

Once finished, click on the 3-dots icon in the extreme right corner, and from the list of options displayed, select the one reading as ‘Capture screenshot’.

That’s it!

Take Screenshots in Firefox Browser

TIP: You can now enable the Firefox Screenshots feature.

Open the Mozilla Firefox browser and go to the web page whose screen you would like to capture. Once there, click on More Actions icon visible in the upper right-hand corner.

Choose the Developer Tile. This will open the web developer tools. Alternatively, you can press ‘Ctrl+Shift+I’ to launch the developer tools.

Next, from the list of options displayed, select the one reading as ‘Responsive Design Mode’.

Here, if required, you can set up the size and orientation for your screenshot by configuring the correct set of options. Once you find all things in place, hit the Camera button to grab the screen.

Finally, save the captured screenshot to the desired location on your computer.

Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes maybe you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.

Read next: How to take screenshots of a website remotely.

Related posts

• So löschen Sie Cache, Cookies und den Browserverlauf in Chrome und Firefox

• Chrome oder Firefox können keine Dateien auf Ihren Computer herunterladen oder speichern

• Deaktivieren, deinstallieren Sie Adobe Flash, Shockwave in Chrome, Firefox, Edge, IE

• FIX: reCAPTCHA funktioniert nicht in Chrome, Firefox oder einem anderen Browser

• Fix: Vimeo funktioniert nicht in Chrome oder Firefox

• So synchronisieren Sie Tabs zwischen Edge-, Chrome- und Firefox-Browsern

• So stoppen Sie automatische Weiterleitungen in Chrome-, Firefox- und Edge-Browsern

• Die Suche in der Chrome- oder Firefox-Adressleiste funktioniert nicht

• Eingabe in Texteingabefelder in Chrome- und Firefox-Browsern nicht möglich

• Aktivieren Sie den Dunkelmodus auf jeder Website mit Dark Reader für Chrome, Firefox

• Erlauben oder blockieren Sie Pop-ups in Chrome, Firefox, Edge, Opera, Internet Explorer

• So deaktivieren Sie den integrierten Passwort-Manager in Chrome, Edge, Firefox

• Browsererweiterungen zum Erstellen eines Screenshots in Chrome und Firefox

• Starten Sie Chrome, Edge oder Firefox neu, ohne Tabs in Windows 11/10 zu verlieren

• Google Chrome vs. Firefox Quantum für Windows PC

• Nehmen Sie Audio vom Browser-Tab von Chrome oder Firefox auf

• Die 10 besten Chrome-, Edge- und Firefox-Erweiterungen zum Speichern der Seite zum späteren Lesen

• So stellen Sie die Kindersicherung in Chrome, Edge, Firefox, Opera ein

• Eine bestimmte Website kann in Chrome, Edge oder Firefox nicht geöffnet werden

• So verwenden Sie mehrere Download-Ordner in Firefox oder Chrome