Firefox är en populär webbläsare för Windows PC . Verktygsfältet för utvecklare^{(Developer Toolbar)} i Firefox och Chrome låter dig ta skärmdumpar av webbläsarfönstret utan att använda några webbläsartillägg eller skärmdumpsprogram från tredje part^{(screen capture software)} . Denna handledning visar dig hur du tar skärmdumpar i webbläsaren Chrome eller Firefox^{(capture screenshots in Chrome or Firefox browser)} , utan att använda eller installera någon programvara från tredje part.

Du är naturligtvis medveten om att för att ta skrivbordsskärmdumpar på Windows^{(capturing Desktop screenshots on Windows)} måste du trycka på Print Screen eller Prnt Scrn- tangenten. Den finns i den övre högra delen av ditt tangentbord. För att bara fånga det aktiva fönstret, håll ned Alt- tangenten innan du trycker på Print Screen- tangenten. Låt oss se hur du gör det med de inbyggda utvecklarverktygen^{(Developer Tools)} .

Ta skärmdumpar^{(Screenshots)} i webbläsaren Chrome

Screen Captures kan vara oerhört användbart i fall där du stöter på en intressant handledning online och skulle vilja spara en kopia av webbsidan som en skärmdump på din dator för referens senare. Om du vill göra detsamma följer du stegen som beskrivs i inlägget nedan för att hjälpa dig ta en helsidesskärmdump av valfri webbsida i Google Chrome .

Starta först Google Chrome och navigera till webbsidan vars skärm du vill fånga.

Väl där klickar du på webbläsarens hamburgerikon, som är synlig i det övre högra hörnet på din datorskärm.

Välj sedan " Fler verktyg^{(More tools)} " när åtgärdsmenyn expanderar och senare, välj alternativ för " Utvecklarverktyg^{(Developer tools)} ".

Därefter kommer ett litet fönster för utvecklarverktyg^{(Developer Tools)} att dyka upp. Klicka^(Click) på knappen Växla enhetsläge^{(Toggle Device Mode)} som visas i bilden nedan för att aktivera alternativet. När knappen är aktiverad blir den blå.

Minimera här fönstret för utvecklarverktyg^{(Developer Tools)} och ställ in din skärmdump i bakgrunden. Välj också rätt enhetstyp för din skärmdump från enhetens rullgardinsmeny.

Om det behövs, konfigurera storleken och orienteringen för skärmdumpen.

När du är klar klickar du på ikonen med 3 punkter i det extrema högra hörnet, och från listan med alternativ som visas väljer du den som läses som ' Ta skärmdump^{(Capture screenshot)} '.

That’s it!

Ta skärmdumpar i webbläsaren Firefox

TIPS^(TIP) : Du kan nu aktivera funktionen Firefox Screenshots^{(enable the Firefox Screenshots)} .

Öppna webbläsaren Mozilla Firefox^{(Mozilla Firefox)} och gå till webbsidan vars skärm du vill fånga. Väl där klickar du på ikonen Fler åtgärder^{(More Actions)} som är synlig i det övre högra hörnet.

Välj utvecklarpanelen^{(Developer Tile)} . Detta kommer att öppna webbutvecklarverktygen. Alternativt kan du trycka på ' Ctrl+Shift+I ' för att starta utvecklarverktygen.

Sedan, från listan med alternativ som visas, välj den som läses som " Responsivt designläge^{(Responsive Design Mode)} ".

Här, om det behövs, kan du ställa in storlek och orientering för din skärmdump genom att konfigurera rätt uppsättning alternativ. När du har hittat alla saker på plats, tryck på kameraknappen^(Camera) för att ta tag i skärmen.

Slutligen sparar du den tagna skärmdumpen på önskad plats på din dator.

Skärmdumpar kan vara till stor nytta för webbdesigners^(Web) som tar webbläsarskärmdumpar för att utföra en grundlig kontroll av webbläsarkompatibiliteten i olika webbläsare och system. Oavsett syftet kanske du alltid kan lita på webbläsaren Chrome eller Firefox för att ta en skärmdump med dessa utvecklarverktyg.

Läs nästa^{(Read next)} : Hur man tar skärmdumpar av en webbplats på distans^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is a popular browser fоr Windows РC. The Develоpеr Toolbar in Firefоx and Chrome allows you to take screenshots of the browser window without using 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

• Hur man rensar cache, cookies, webbhistorik i Chrome och Firefox

• Chrome eller Firefox kan inte ladda ner eller spara filer på din dator

• Inaktivera, avinstallera Adobe Flash, Shockwave i Chrome, Firefox, Edge, IE

• FIX: reCAPTCHA fungerar inte i Chrome, Firefox eller någon webbläsare

• Fix: Vimeo fungerar inte i Chrome eller Firefox

• Hyperlänksgranskning i webbläsare Chrome och Firefox

• Share Button Plugins för webbläsare Chrome, Firefox och Edge

• Bästa Kodi-tillägg och tillägg för Chrome och Firefox

• Rensa cookies, webbplatsdata, cache för specifik webbplats: Chrome Edge Firefox

• Tillåt eller blockera popup-fönster i Chrome, Firefox, Edge, Opera, Internet Explorer

• Hur man synkroniserar flikar mellan Edge, Chrome och Firefox webbläsare

• Hur man stoppar automatiska omdirigeringar i webbläsare Chrome, Firefox, Edge

• Hur man öppnar webbläsaren Chrome, Edge eller Firefox i helskärmsläge

• Tvinga länkar att öppna i bakgrundsfliken i Chrome, Edge, Firefox, Opera

• Hur man ställer in föräldrakontroll i Chrome, Edge, Firefox, Opera

• Aktivera mörkt läge på vilken webbplats som helst med Dark Reader för Chrome, Firefox

• Hur man inaktiverar geolokalisering i Firefox, Chrome och Edge

• Sök på flera öppna flikar i webbläsarna Firefox och Chrome

• Hur man öppnar länkar för nyheter och intressen i Chrome eller Firefox; inte Edge

• Ändra språk för användargränssnittet för webbläsaren Chrome eller Firefox