Firefox is een populaire browser voor Windows-pc's^{(Windows PC)} . Met de Developer Toolbar in Firefox en Chrome kunt u schermafbeeldingen maken van het browservenster zonder browser-add-ons of software voor het vastleggen van schermen van^{(screen capture software)} derden . Deze tutorial laat je zien hoe je screenshots kunt maken in de Chrome- of Firefox-browser^{(capture screenshots in Chrome or Firefox browser)} , zonder software van derden te gebruiken of te installeren.

U bent zich er natuurlijk van bewust dat u voor het maken van Desktop-screenshots op Windows^{(capturing Desktop screenshots on Windows)} op de toets Print Screen of Prnt Scrn moet^{(Prnt Scrn)} drukken. Het is te vinden in de rechterbovenhoek van uw toetsenbord. Om alleen het actieve venster vast te leggen, houdt u de Alt - toets ingedrukt voordat u op de toets Print Screen drukt. Laten we eens kijken hoe we dit kunnen doen met behulp van de ingebouwde Developer Tools .

Screenshots vastleggen in de Chrome-^(Chrome) browser

Schermopnames kunnen enorm handig zijn in gevallen waarin u een interessante zelfstudie online tegenkomt en later een kopie van de webpagina als een screenshot op uw computer wilt opslaan ter referentie. Als u hetzelfde wilt doen, volgt u de stappen die in het onderstaande bericht worden beschreven om u te helpen een paginagrote schermafbeelding te maken van een webpagina in Google Chrome .

Start eerst Google Chrome en navigeer naar de webpagina waarvan u het scherm wilt vastleggen.

Eenmaal daar klik je op het hamburgerpictogram van de browser, zichtbaar in de rechterbovenhoek van je computerscherm.

Kies vervolgens ' Meer tools^{(More tools)} ' wanneer het actiemenu wordt uitgebreid en selecteer later ' Ontwikkelaarstools^{(Developer tools)} ' opties.

Daarna verschijnt er een klein venster voor Developer Tools . Klik^(Click) op de knop Apparaatmodus wisselen^{(Toggle Device Mode)} zoals weergegeven in de onderstaande afbeelding om de optie te activeren. Eenmaal geactiveerd, wordt de knop blauw van kleur.

Minimaliseer hier het venster Ontwikkelaarstools^{(Developer Tools)} en stel in de achtergrond uw schermafbeelding in. Selecteer ook het juiste apparaattype voor uw schermafbeelding in het vervolgkeuzemenu van het apparaat.

Configureer indien nodig de grootte en richting van de schermafbeelding.

Als u klaar bent, klikt u op het pictogram met de drie stippen in de uiterste rechterhoek en selecteert u in de lijst met weergegeven opties degene die leest als ' Screenshot vastleggen^{(Capture screenshot)} '.

That’s it!

Screenshots maken in Firefox Browser

TIP : U kunt nu de Firefox Screenshots^{(enable the Firefox Screenshots)} -functie inschakelen.

Open de Mozilla Firefox -browser en ga naar de webpagina waarvan u het scherm wilt vastleggen. Eenmaal daar, klik op het pictogram Meer acties^{(More Actions)} dat zichtbaar is in de rechterbovenhoek.

Kies de ontwikkelaarstegel^{(Developer Tile)} . Hiermee worden de hulpprogramma's voor webontwikkelaars geopend. U kunt ook op ' Ctrl+Shift+I ' drukken om de ontwikkelaarstools te starten.

Selecteer vervolgens uit de lijst met weergegeven opties de waarde als ' Responsive Design Mode '.

Hier kunt u, indien nodig, de grootte en oriëntatie voor uw screenshot instellen door de juiste set opties te configureren. Zodra je alle dingen op hun plaats hebt gevonden, druk je op de cameraknop^(Camera) om het scherm te pakken.

Sla ten slotte de gemaakte schermafbeelding op de gewenste locatie op uw computer op.

Schermafbeeldingen kunnen enorm nuttig zijn voor webontwerpers die schermafbeeldingen van browsers maken voor het uitvoeren van een grondige controle van de browsercompatibiliteit in verschillende webbrowsers en systemen . ^(Web)Wat de doeleinden ook zijn, u kunt altijd vertrouwen op de Chrome- of Firefox- browser om native een screenshot te maken, met behulp van deze ontwikkelaarstools.

Lees volgende^{(Read next)} : Schermafbeeldingen van een website op afstand maken^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is a рopular browser for Windows PC. The Developer Toolbar in Firefоx and Chrome allows you to take screenshots of the browser window without usіng any browser add-ons 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

• Cache, cookies, browsegeschiedenis wissen in Chrome en Firefox

• Chrome of Firefox kunnen geen bestanden downloaden of opslaan op uw computer

• Uitschakelen, verwijderen Adobe Flash, Shockwave in Chrome, Firefox, Edge, IE

• FIX: reCAPTCHA werkt niet in Chrome, Firefox of welke browser dan ook

• Oplossing: Vimeo werkt niet in Chrome of Firefox

• Share Button-plug-ins voor Chrome-, Firefox- en Edge-browsers

• Tabbladen synchroniseren tussen Edge-, Chrome- en Firefox-browsers

• Geolocatie uitschakelen in Firefox, Chrome en Edge

• Hoe u Caret-navigatie in Chrome of Firefox in- of uitschakelt?

• Hoe de Chrome-, Edge- of Firefox-browser te openen in de modus Volledig scherm

• Windows Defender Application Guard-extensie voor Chrome en Firefox

• Forceer koppelingen om te openen op het achtergrondtabblad in Chrome, Edge, Firefox, Opera

• Google Chrome versus Firefox Quantum voor Windows-pc

• Webpagina's opslaan als PDF in Chrome of Firefox

• Wat is Lazy Loading? Schakel het in of uit in Chrome, Firefox, Edge

• Zoeken in adresbalk in Chrome of Firefox werkt niet

• Zoeken in meerdere geopende tabbladen in Firefox- en Chrome-browsers

• Wijzig de taal van de gebruikersinterface voor de Chrome- of Firefox-browser

• 10 Beste Chrome-, Edge- en Firefox-extensies om pagina op te slaan om later te lezen

• Gratis Web Cache Viewer voor Chrome, Firefox en Edge-browsers