Comment faire une capture d'écran sur Chrome (étape par étape) - Mise à jour 2022

Comment faire une capture d'écran sur Chrome

Si vous avez déjà eu besoin de prendre des captures d'écran d'une page Web entière, vous savez à quel point il est gênant de devoir faire défiler manuellement la page et de prendre plusieurs captures d'écran.

Il y a de bonnes nouvelles ! Vous pouvez utiliser quelques outils pour capturer des pages Web entières et vous faciliter la vie.

L'un de ces outils est intégré à Chrome, tandis que l'autre est une extension.

Option Chrome intégrée

Les avantages de l'utilisation de cette méthode incluent le fait de ne pas avoir à télécharger d'extension et l'outil est l'un des meilleurs lorsqu'il s'agit d'ignorer les barres collantes lors du défilement du site Web.

Voici comment l'utiliser :

  1. Cliquez sur les trois points "plus" dans le coin supérieur droit de la fenêtre de votre navigateur.
  2. Une nouvelle fenêtre apparaîtra. Allez dans "outils de développement", puis "plus d'outils".
  3. Vous verrez une nouvelle fenêtre apparaître avec du code et vous serez dans un mode d'affichage légèrement différent.
  4. Si la page ne semble toujours pas correcte, cliquez sur l'icône "basculer la barre d'outils de l'appareil" dans le coin supérieur gauche de la fenêtre du développeur.
  5. Sélectionnez l'appareil sur lequel vous souhaitez voir la capture d'écran à l'aide de l'option "mode réactif". Réglez-le simplement sur "réactif" pour utiliser la valeur par défaut.
  6. Vous remarquerez un nouveau bouton "plus" en haut à droite de cette nouvelle ligne. Pour tout obtenir, cliquez dessus et sélectionnez "Capture d'écran" ou "Capture d'écran en taille réelle" dans le menu.
  7. Après quelques secondes, vous remarquerez que l'outil a déjà téléchargé et ouvert un fichier pour vous.

Gardez à l'esprit que le pied de page du site a été coupé dans mon exemple, alors gardez cela à l'esprit si vous utilisez cet outil.

Extension Chrome : capture d'écran et enregistreur d'écran impressionnants

  1. Accédez à la boutique en ligne Chrome ou à Google et recherchez l'extension "Awesome screenshot & screen recorder".
  2. Après avoir installé l'extension, vous remarquerez une icône lumineuse en haut de votre barre d'outils.
  3. Lorsque vous êtes sur le site Web que vous souhaitez capturer, cliquez sur l'extension. Si vous survolez une option, vous verrez une liste d'options et leurs raccourcis clavier.
  4. Vous pouvez prendre une capture d'écran d'une section visible d'une page, de la page entière ou d'une zone spécifique. Si c'est ce que vous recherchez, l'extension peut même vous aider à enregistrer des captures d'écran.
  5. Sélectionnez une page complète pour prendre une capture d'écran de la page Web entière.
  6. Après quelques secondes, vous serez redirigé vers une page avec la capture d'écran.
  7. Vous remarquerez une nouvelle barre d'outils en haut de votre page qui vous permet d'ajouter des annotations à votre capture d'écran. Vous pouvez facilement ajouter des annotations, du texte et des flèches, ainsi que des sections de recadrage, comme indiqué ci-dessous.
  8. Pour enregistrer vos modifications, cliquez sur le bouton terminé dans le coin droit une fois que vous avez terminé d'ajouter vos annotations.
  9. Sur la droite, une nouvelle fenêtre apparaîtra avec une variété d'options pour enregistrer et partager votre nouvelle capture d'écran via un lien de partage, Dropbox, e-mail, Slack et d'autres méthodes. Vous pouvez enregistrer la capture d'écran manuellement ou la copier pour la coller ailleurs.

Voir l'image source

Et voilà : deux méthodes simples pour prendre des captures d'écran de sites Web entiers et les annoter si nécessaire.

Commencez à claquer !

Comment faire une capture d'écran sur la FAQ de Chrome

Comment puis-je capturer une capture d'écran pleine page dans Chrome ?

Ouvrez simplement les options de menu supplémentaires dans la barre d'outils de votre appareil et sélectionnez "Capture d'écran en taille réelle" pour télécharger votre capture d'écran en pleine page. Chrome téléchargera la page entière pour vous. Recadrez au besoin à partir d'ici pour obtenir l'image que vous voulez.

À l'aide des outils de développement Google Chrome, comment puis-je prendre une capture d'écran ?

Une fonctionnalité cachée dans les outils de développement de Google Chrome vous permet de prendre des captures d'écran en taille réelle de n'importe quelle page Web. Cette fonctionnalité, similaire à une capture d'écran défilante, capture l'intégralité d'une page sans utiliser d'extension tierce. Pour commencer, ouvrez Chrome et accédez à la page Web que vous souhaitez enregistrer.

Comment faire une capture d'écran sur un site Web sans aucune extension ?

Cette fonctionnalité, similaire à une capture d'écran défilante, capture l'intégralité d'une page sans utiliser d'extension tierce. Pour commencer, ouvrez Chrome et accédez à la page Web que vous souhaitez enregistrer. Après cela, cliquez sur les trois points, puis sur "Plus d'outils", puis sur "Outils de développement".

À propos de l’auteur
Author: Daniel Luke
Daniel est un concepteur Web WordPress avec une vaste expérience de travail avec divers thèmes WordPress qui lui permet de comparer et de contraster différents thèmes, de comprendre les forces et les faiblesses pour développer des critiques factuelles et réelles.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...