Comment faire une capture d'écran de la page Web complète de Chrome

Google Chrome est actuellement le navigateur le plus utilisé par des millions d'utilisateurs dans le monde, caractérisé par ses fonctionnalités et ses capacités de développement. Dans des situations spécifiques, nous pouvons vouloir prendre la capture d'écran du site Web que nous visitons dans Google Chrome et il existe des options pratiques pour cela qui n'impliquent pas les outils classiques tels que Snipping dans Windows 10 ou les touches Commande + Maj + 4 dans macOS Mojave.

Dans Firefox Quantum, qui est un autre navigateur largement utilisé, nous avons déjà vu comment faire une capture d'écran ou une capture d'écran de toute la page Web, aujourd'hui c'est au tour de Google Chrome, qui dans les options suivantes, nous l'expliquons en détail, d'être des experts à pouvoir effectuer ce type de capture de toutes les manières possibles.

Grâce à ce tutoriel, nous apprendrons à capturer l'écran dans Google Chrome de manière pratique en utilisant les propres utilitaires du navigateur.

1. Capture d'écran dans Google Chrome à l'aide de l'extension


Les extensions ou modules complémentaires sont l'un des moyens les plus simples de maximiser les performances du navigateur et dans le cas des captures d'écran, nous avons plusieurs options.

Étape 1
Pour cela, nous irons sur le lien suivant :

Étape 2
Là, nous entrons le terme "capture d'écran" dans le champ de recherche du magasin:

Étape 3
Les résultats seront les suivants :

Étape 4
Là, nous cliquons sur l'extension "Capture d'écran" et ce qui suit s'affichera :

Étape 5
Nous cliquons sur le bouton "Ajouter à Chrome" pour ajouter l'extension respective au navigateur :

Étape 6
Cliquez sur Ajouter une extension pour terminer l'action. Maintenant, nous aurons l'extension ajoutée et il suffit de cliquer dessus pour voir ses différentes options :

Étape 7
Là, nous avons les options suivantes :

  • Capturer une région spécifique de la page Web
  • Capturez l'intégralité de la page Web
  • Capturez uniquement le contenu visible

Étape 8
Une fois que nous y avons appuyé, nous passons à la capture d'écran où nous verrons ce qui suit :

AGRANDIR

Étape 9
Là, nous pouvons ajouter des annotations à la capture, enregistrer ou partager la capture, ces options sont disponibles en haut.

Étape 10
On peut cliquer sur le bouton "Options" où il sera possible d'établir les éléments suivants :

  • Type de format dans lequel l'image sera enregistrée (JPG.webp ou PNG)
  • Créer des raccourcis clavier

AGRANDIR

2. Capture d'écran dans Google Chrome sans utiliser d'extensions


Il s'agit d'une autre alternative pratique pour capturer un écran dans Google Chrome et nécessite l'accès aux options de développement du navigateur.

Étape 1
Pour cela nous devons avoir Google Chrome dans sa version 59 et pour connaître la version actuelle nous avons deux options :

  • Exécutez la ligne suivante dans une nouvelle fenêtre :
 chrome : // paramètres / aide
  • Dans le chemin Menu / Aide / A propos de Google Chrome

Étape 2
Une fois que nous avons connaissance de la version de Google Chrome, nous pouvons lancer le processus de capture d'écran dans Google Chrome. Pour cela, nous cliquons sur l'icône Personnaliser et contrôlons Google Chrome et là nous allons à la route "Plus d'outils / Outils de développement":

NoterOn peut aussi utiliser la combinaison de touches selon que l'on a Windows ou Mac :

Mode développeur Mac

+ ⌘ + je

Mode développeur Windows

Ctrl + Maj + I

Étape 3
Dans la section affichée, nous pouvons utiliser deux modes :

Mode appareilDans la fenêtre affichée, nous utilisons la combinaison de touches Ctrl + Shift + M pour accéder à ce mode et dans la section "Responsive" nous pouvons définir le type d'appareil à utiliser :

Ctrl + Maj + M

Lors de la sélection du type d'appareil, nous pouvons cliquer sur l'icône de menu située en haut et à partir de là, sélectionner l'option de capture d'écran :

En sélectionnant l'option "Capturer la capture d'écran en taille réelle", elle sera automatiquement enregistrée au format PNG :

Mode de commandeC'est une méthode encore plus pratique que la précédente et pour cela il faut accéder à nouveau aux outils de développement ou en utilisant les touches Ctrl + Shift + I et une fois la fenêtre latérale affichée on utilise les touches Ctrl + Shift + P et là on a simplement entrez le terme "screenshot" dans le champ supérieur et les options disponibles seront automatiquement affichées. Nous cliquons sur l'option "Capturer la capture d'écran en taille réelle".

Ctrl + Maj + I

Ctrl + Maj + P

Avec ces méthodes simples, il sera possible de prendre des captures d'écran dans Google Chrome. Et a également expliqué comment prendre une capture d'écran de l'ensemble de la page Web.

Ce serait le résultat de la création d'une capture d'écran de la page Web complète dans cet exemple, la page d'accueil de Solvetic.

Vous contribuerez au développement du site, partager la page avec vos amis

wave wave wave wave wave