Firefox je populárny prehliadač pre Windows PC . Panel s nástrojmi pre vývojárov^{(Developer Toolbar)} v prehliadačoch Firefox^(Firefox) a Chrome vám umožňuje vytvárať snímky obrazovky okna prehliadača bez použitia akýchkoľvek doplnkov prehliadača alebo softvéru na snímanie obrazovky^{(screen capture software)} tretej strany . Tento tutoriál vám ukáže, ako snímať snímky obrazovky v prehliadači Chrome alebo Firefox^{(capture screenshots in Chrome or Firefox browser)} natívne bez použitia alebo inštalácie softvéru tretích strán.

Samozrejme viete, že ak chcete nasnímať snímky obrazovky pracovnej plochy v systéme Windows^{(capturing Desktop screenshots on Windows)} , musíte stlačiť kláves Print Screen alebo Prnt Scrn . Nájdete ho v pravej hornej časti klávesnice. Ak chcete zachytiť iba aktívne okno, pred stlačením klávesu Print Screen podržte kláves Alt . Pozrime sa, ako to urobiť pomocou vstavaných nástrojov pre vývojárov^{(Developer Tools)} .

Zachyťte snímky obrazovky^{(Screenshots)} v prehliadači Chrome

Snímky obrazovky môžu byť nesmierne užitočné v prípadoch, keď narazíte na zaujímavý návod online a budete chcieť uložiť kópiu webovej stránky ako snímku obrazovky na váš počítač pre neskoršie použitie. Ak chcete urobiť to isté, postupujte podľa krokov uvedených v príspevku nižšie, ktoré vám pomôžu urobiť snímku celej stránky ľubovoľnej webovej stránky v prehliadači Google Chrome^{(Google Chrome)} .

Najprv spustite Google Chrome a prejdite na webovú stránku, ktorej obrazovku chcete zachytiť.

Keď tam budete, kliknite na ikonu hamburgeru v prehliadači, ktorá je viditeľná v pravom hornom rohu obrazovky počítača.

Potom vyberte „ Ďalšie nástroje^{(More tools)} “, keď sa rozbalí ponuka akcií, a neskôr vyberte možnosti „ Nástroje pre vývojárov^{(Developer tools)} “.

Potom sa zobrazí malé okno s nástrojmi pre vývojárov^{(Developer Tools)} . Kliknutím^(Click) na tlačidlo Prepnúť režim zariadenia^{(Toggle Device Mode)} , ako je znázornené na obrázku nižšie, aktivujete túto možnosť. Po aktivácii sa farba tlačidla zmení na modrú.

Tu minimalizujte okno Vývojárske nástroje^{(Developer Tools)} a na pozadí nastavte snímku obrazovky. V rozbaľovacej ponuke zariadenia tiež vyberte správny typ zariadenia pre snímku obrazovky.

V prípade potreby nakonfigurujte veľkosť a orientáciu snímky obrazovky.

Po dokončení kliknite na ikonu 3 bodiek v pravom dolnom rohu a zo zobrazeného zoznamu možností vyberte možnosť „ Zachytiť snímku obrazovky^{(Capture screenshot)} “.

That’s it!

Urobte snímky obrazovky v prehliadači Firefox

TIP : Teraz môžete povoliť funkciu snímok obrazovky Firefoxu^{(enable the Firefox Screenshots)} .

Otvorte prehliadač Mozilla Firefox a prejdite na webovú stránku, ktorej obrazovku chcete zachytiť. Keď tam budete, kliknite na ikonu Ďalšie akcie^{(More Actions)} viditeľnú v pravom hornom rohu.

Vyberte dlaždicu vývojára^{(Developer Tile)} . Tým sa otvoria nástroje pre vývojárov webu. Prípadne môžete nástroje pre vývojárov spustiť stlačením Ctrl+Shift+I

Potom zo zoznamu zobrazených možností vyberte možnosť „ Responsive Design Mode “.

Tu môžete v prípade potreby nastaviť veľkosť a orientáciu snímky obrazovky konfiguráciou správnej sady možností. Keď nájdete všetky veci na svojom mieste, stlačte tlačidlo Fotoaparát^(Camera) a uchopte obrazovku.

Nakoniec uložte zachytenú snímku obrazovky na požadované miesto v počítači.

Snímky obrazovky môžu byť nesmierne užitočné pre webových^(Web) dizajnérov, ktorí vytvárajú snímky obrazovky prehliadača na vykonanie dôkladnej kontroly kompatibility prehliadača v rôznych webových prehliadačoch a systémoch. Bez ohľadu na účel sa možno vždy môžete spoľahnúť na prehliadač Chrome^(Chrome) alebo Firefox , ktorý vytvorí snímku obrazovky natívne pomocou týchto vývojárskych nástrojov.

Čítať ďalej^{(Read next)} : Ako na diaľku urobiť snímky obrazovky webovej lokality^{(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 Develoрer Toolbar in Firefox 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

• Ako vymazať vyrovnávaciu pamäť, súbory cookie, históriu prehliadania v prehliadačoch Chrome a Firefox

• Chrome alebo Firefox nemôžu sťahovať ani ukladať súbory do vášho počítača

• Zakázať, odinštalovať Adobe Flash, Shockwave v prehliadačoch Chrome, Firefox, Edge, IE

• OPRAVA: ReCAPTCHA nefunguje v prehliadači Chrome, Firefox alebo inom prehliadači

• Oprava: Vimeo nefunguje v prehliadači Chrome alebo Firefox

• Ako otvoriť odkazy na správy a záujmy v prehliadači Chrome alebo Firefox; nie Edge

• Google Chrome vs Firefox Quantum pre Windows PC

• Vyhľadávanie v paneli s adresou prehliadača Chrome alebo Firefox nefunguje

• Doplnky zdieľania tlačidiel pre prehliadače Chrome, Firefox a Edge

• Ako zakázať alebo povoliť prehliadanie Caret v prehliadači Chrome alebo Firefox

• Ako zmeniť predvolené písmo v prehliadači Chrome, Edge, Firefox

• Reštartujte Chrome, Edge alebo Firefox bez straty kariet v systéme Windows 11/10

• Skopírujte a prilepte ako obyčajný text v prehliadačoch Chrome a Firefox

• Ako nastaviť rodičovskú kontrolu v prehliadačoch Chrome, Edge, Firefox, Opera

• Auditovanie hypertextových odkazov v prehliadačoch Chrome a Firefox

• 400 zlá požiadavka, súbor cookie je príliš veľký – Chrome, Edge, Firefox

• Čo je to lenivé načítanie? Povoľte alebo zakážte ho v prehliadačoch Chrome, Firefox, Edge

• Ako synchronizovať karty medzi prehliadačmi Edge, Chrome a Firefox

• Bezplatný prehliadač webovej vyrovnávacej pamäte pre prehliadače Chrome, Firefox a Edge

• Vynútiť otváranie odkazov na karte na pozadí v prehliadačoch Chrome, Edge, Firefox, Opera