Firefox est un navigateur populaire pour Windows PC . La barre d' outils du développeur^{(Developer Toolbar)} dans Firefox et Chrome vous permet de prendre des captures d'écran de la fenêtre du navigateur sans utiliser de modules complémentaires de navigateur ou de logiciel de capture d'écran tiers^{(screen capture software)} . Ce didacticiel vous montrera comment capturer des captures d'écran dans le navigateur Chrome ou Firefox de^{(capture screenshots in Chrome or Firefox browser)} manière native, sans utiliser ni installer de logiciel tiers.

Vous savez bien sûr que pour capturer des captures d'écran du bureau sous Windows^{(capturing Desktop screenshots on Windows)} , vous devez appuyer sur la touche Impr écran^{(Print Screen)} ou Prnt Scrn . Il se trouve dans la partie supérieure droite de votre clavier. Pour capturer uniquement la fenêtre active, maintenez la touche Alt enfoncée avant d'appuyer sur la touche Impr écran^{(Print Screen)} . Voyons comment le faire en utilisant les outils de développement^{(Developer Tools)} intégrés .

Capturer des captures^{(Screenshots)} d'écran dans le navigateur Chrome

Les captures d'écran peuvent être extrêmement utiles dans les cas où vous rencontrez un didacticiel intéressant en ligne et souhaitez enregistrer une copie de la page Web sous forme de capture d'écran sur votre ordinateur pour référence ultérieure. Si vous souhaitez faire de même, suivez les étapes décrites dans le message ci-dessous pour vous aider à prendre une capture d'écran pleine page de n'importe quelle page Web dans Google Chrome .

Tout d'abord, lancez Google Chrome et accédez à la page Web dont vous souhaitez capturer l'écran.

Une fois là-bas, cliquez sur l'icône hamburger du navigateur, visible dans le coin supérieur droit de l'écran de votre ordinateur.

Ensuite, choisissez ' Plus d'outils^{(More tools)} ' lorsque le menu d'action se développe et plus tard, sélectionnez les options ' Outils de développement '.^{(Developer tools)}

Par la suite, une petite fenêtre pour les outils de développement^{(Developer Tools)} apparaîtra. Cliquez^(Click) sur le bouton Basculer en mode périphérique^{(Toggle Device Mode)} comme indiqué dans l'image ci-dessous pour activer l'option. Une fois activé, le bouton deviendra bleu.

Ici, réduisez la fenêtre des outils de développement et, en arrière-plan, configurez votre capture d'écran. ^{(Developer Tools)}Sélectionnez également le bon type d'appareil pour votre capture d'écran dans le menu déroulant de l'appareil.

Si nécessaire, configurez la taille et l'orientation de la capture d'écran.

Une fois terminé, cliquez sur l'icône à 3 points dans le coin extrême droit, et dans la liste des options affichées, sélectionnez celle qui se lit comme ' Capture d'écran^{(Capture screenshot)} '.

That’s it!

Prendre des captures d'écran dans le navigateur Firefox

ASTUCE^(TIP) : Vous pouvez désormais activer la^{(enable the Firefox Screenshots)} fonction Captures d'écran de Firefox.

Ouvrez le navigateur Mozilla Firefox^{(Mozilla Firefox)} et accédez à la page Web dont vous souhaitez capturer l'écran. Une fois là-bas, cliquez sur l'icône Plus d'actions^{(More Actions)} visible dans le coin supérieur droit.

Choisissez la vignette Développeur^{(Developer Tile)} . Cela ouvrira les outils de développement Web. Alternativement, vous pouvez appuyer sur ' Ctrl+Shift+I ' pour lancer les outils de développement.

Ensuite, dans la liste des options affichées, sélectionnez celle qui s'intitule ' Mode de conception réactif^{(Responsive Design Mode)} '.

Ici, si nécessaire, vous pouvez configurer la taille et l'orientation de votre capture d'écran en configurant le bon ensemble d'options. Une fois que vous avez trouvé tout en place, appuyez sur le bouton Appareil photo^(Camera) pour saisir l'écran.

Enfin, enregistrez la capture d'écran capturée à l'emplacement souhaité sur votre ordinateur.

Les captures d'écran peuvent être d'une grande utilité pour les concepteurs Web qui prennent des captures d'écran du navigateur pour effectuer une vérification approfondie de la compatibilité du navigateur dans différents navigateurs et systèmes Web. Quels que soient les objectifs, vous pouvez toujours compter sur le navigateur Chrome^(Chrome) ou Firefox pour prendre une capture d'écran nativement, à l'aide de ces outils de développement.

Lire ensuite^{(Read next)} : Comment prendre des captures d'écran d'un site Web à distance^{(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 Chromе allows you to take screenshots of the browser window without using аny brоwser 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

• Comment effacer Cache, Cookies, Browsing History dans Chrome and Firefox

• Chrome or Firefox Impossible de télécharger ou d'enregistrer des fichiers sur votre ordinateur

• Désactiver, désinstaller Adobe Flash, Shockwave dans Chrome, Firefox, Edge, IE

• Correction: reCAPTCHA ne fonctionne pas dans Chrome, Firefox ou n'importe quel navigateur

• Correction: Vimeo ne fonctionne pas dans Chrome or Firefox

• Comment masquer Browser Extension Icônes en Chrome, Edge or Firefox

• Web Cache Viewer pour Chrome, Firefox and Edge browsers

• Comment changer le Default Font dans Chrome, Edge, Firefox browser

• Meilleures extensions Facebook pour Chrome and Firefox

• Qu'est-ce que Lazy Loading? Activer ou désactiver le Chrome, Firefox, Edge

• Record audio Du browser tab de Chrome or Firefox

• Comment arrêter redirections automatiques dans Chrome, Firefox, Edge navigateurs

• Copy and Paste Comme Text dans Chrome, Firefox Navigateurs

• Always Afficher le Download button dans Chrome, Firefox and Edge

• Comment faire Flash work dans Chrome, Edge, Firefox NOW

• Comment ouvrir News and Interests links dans Chrome or Firefox; pas Edge

• Ne peut pas taper dans des champs de saisie de texte dans Chrome and Firefox browsers

• Comment copier URLs de tout ouvert Tabs dans Chrome and Firefox browser

• Best Kodi Addons & Extensions pour Chrome & Firefox

• Chrome or Firefox Adresse bar search ne fonctionne pas