Firefox on suosittu selain Windows PC :lle . Firefoxin^(Firefox) ja Chromen ^(Chrome)kehittäjätyökalupalkin^{(Developer Toolbar)} avulla voit ottaa kuvakaappauksia selainikkunasta ilman selaimen lisäosia tai kolmannen osapuolen näytönkaappausohjelmistoa^{(screen capture software)} . Tämä opetusohjelma näyttää, kuinka voit ottaa kuvakaappauksia Chrome- tai Firefox-selaimella^{(capture screenshots in Chrome or Firefox browser)} natiivisti ilman, että käytät tai asennat kolmannen osapuolen ohjelmistoja.

Tiedät tietysti, että työpöydän kuvakaappausten ottamiseksi Windowsissa^{(capturing Desktop screenshots on Windows)} sinun on painettava Print^{(Print Screen)} Screen- tai Prnt Scrn -näppäintä. Se löytyy näppäimistön oikeasta yläkulmasta. Jos haluat kaapata vain aktiivisen ikkunan, pidä Alt - näppäintä painettuna ennen kuin painat Print Screen -näppäintä. Katsotaanpa, kuinka se tehdään sisäänrakennettujen kehittäjätyökalujen^{(Developer Tools)} avulla .

Ota kuvakaappauksia ^{(Screenshots)}Chrome - selaimella

Näytönkaappaukset voivat olla erittäin hyödyllisiä tapauksissa, joissa törmäät mielenkiintoiseen opetusohjelmaan verkossa ja haluat tallentaa kopion verkkosivusta kuvakaappauksena tietokoneellesi myöhempää käyttöä varten. Jos haluat tehdä saman, seuraa alla olevassa viestissä kuvattuja ohjeita, jotta voit ottaa koko sivun kuvakaappauksen mistä tahansa Google Chromen^{(Google Chrome)} verkkosivusta .

Käynnistä ensin Google Chrome ja siirry verkkosivulle, jonka näytön haluat kaapata.

Kun olet siellä, napsauta selaimen hampurilaiskuvaketta, joka näkyy tietokoneen näytön oikeassa yläkulmassa.

Valitse seuraavaksi Lisää työkaluja^{(More tools)} , kun toimintovalikko laajenee, ja valitse myöhemmin Kehittäjätyökalut^{(Developer tools)} .

Sen jälkeen näkyviin tulee pieni Kehittäjätyökalujen ikkuna. ^{(Developer Tools)}Napsauta ^(Click)Toggle Device Mode -painiketta alla olevan kuvan mukaisesti aktivoidaksesi vaihtoehdon . Kun painike on aktivoitu, se muuttuu siniseksi.

Tässä pienennä Kehittäjätyökalut^{(Developer Tools)} - ikkuna ja määritä taustalla kuvakaappaus. Valitse myös oikea laitetyyppi kuvakaappauksellesi avattavasta laitevalikosta.

Määritä tarvittaessa kuvakaappauksen koko ja suunta.

Kun olet valmis, napsauta 3-pisteen kuvaketta äärimmäisessä oikeassa kulmassa ja valitse näyttöön tulevasta vaihtoehtoluettelosta se, joka lukee " Kaappaa kuvakaappaus^{(Capture screenshot)} ".

That’s it!

Ota kuvakaappauksia Firefox-selaimella

VINKKI^(TIP) : Voit nyt ottaa käyttöön Firefox Screenshots^{(enable the Firefox Screenshots)} -ominaisuuden.

Avaa Mozilla Firefox -selain ja siirry verkkosivulle, jonka näytön haluat kaapata. Kun olet siellä, napsauta oikeassa yläkulmassa näkyvää Lisää toimintoja -kuvaketta.^{(More Actions)}

Valitse kehittäjäruutu^{(Developer Tile)} . Tämä avaa verkkokehittäjätyökalut. Vaihtoehtoisesti voit käynnistää kehittäjätyökalut painamalla Ctrl+Shift+I

Valitse seuraavaksi näytettävästä vaihtoehtoluettelosta se, joka lukee " Responsive Design Mode ".

Täällä voit tarvittaessa määrittää kuvakaappauksellesi koon ja suunnan määrittämällä oikeat asetukset. Kun olet löytänyt kaikki asiat paikoillaan, napauta näyttöä napauttamalla Kamera^(Camera) - painiketta.

Tallenna lopuksi kaapattu kuvakaappaus haluamaasi paikkaan tietokoneellesi.

Kuvakaappauksista voi olla valtavasti hyötyä web - suunnittelijoille, jotka ottavat selaimen kuvakaappauksia suorittaakseen perusteellisen selainten yhteensopivuuden tarkistuksen eri selaimissa ja järjestelmissä. Mitä tahansa tarkoitusta tahansa, voit aina luottaa Chrome- tai Firefox -selaimeen ottamaan kuvakaappauksen natiivisti näiden kehittäjätyökalujen avulla.

Lue seuraavaksi^{(Read next)} : Kuinka ottaa kuvakaappauksia verkkosivustosta etänä^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox iѕ a popυlar browѕer for Wіndows PC. The Developer Toolbar in Firefox and Сhrome allows you to take ѕcreenshots of the browser wіndow 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

• Välimuistin, evästeiden ja selaushistorian tyhjentäminen Chromessa ja Firefoxissa

• Chrome tai Firefox ei voi ladata tai tallentaa tiedostoja tietokoneellesi

• Poista käytöstä, poista Adobe Flash, Shockwave Chromessa, Firefox, Edge, IE

• KORJAUS: reCAPTCHA ei toimi Chromessa, Firefoxissa tai missään selaimessa

• Korjaus: Vimeo ei toimi Chromessa tai Firefoxissa

• Lapsilukon asettaminen Chromessa, Edgessä, Firefoxissa ja Operassa

• Vaihda Chrome- tai Firefox-selaimen käyttöliittymän kieli

• Ilmainen Web Cache Viewer Chrome-, Firefox- ja Edge-selaimille

• Käynnistä Chrome, Edge tai Firefox uudelleen menettämättä välilehtiä Windows 11/10:ssä

• Pakota linkit avautumaan taustavälilehdellä Chromessa, Edgessä, Firefoxissa ja Operassa

• Uutis- ja kiinnostuksen kohteiden linkkien avaaminen Chromessa tai Firefoxissa; ei Edgeä

• Oletusfontin vaihtaminen Chrome-, Edge- ja Firefox-selaimessa

• Tyhjennä evästeet, sivustotiedot, välimuisti tietylle verkkosivustolle: Chrome Edge Firefox

• Caret-selauksen poistaminen käytöstä tai käyttöönotto Chromessa tai Firefoxissa

• Useiden latauskansioiden käyttäminen Firefoxissa tai Chromessa

• Tiettyä verkkosivustoa ei voi avata Chromessa, Edgessä tai Firefoxissa

• Ei voi kirjoittaa tekstinsyöttökenttiin Chrome- ja Firefox-selaimissa

• Chrome- tai Firefox-osoitepalkin haku ei toimi

• Hardware Accelerationin poistaminen käytöstä Chromessa tai Firefoxissa

• Kotisivun vaihtaminen Chrome-, Firefox-, Opera- ja Edge-selaimissa