Les captures d'écran sont un outil flexible pour les tâches quotidiennes, de la présentation du travail au partage d'informations. Vous pouvez prendre des captures d'écran à l'aide des commandes du clavier, des applications et des extensions de navigateur, mais avez-vous déjà essayé de prendre des captures d'écran directement via Google Chrome ?
Voici un scénario, vous avez besoin d'une capture d'écran d'une page Web entière. Au lieu de prendre plusieurs captures d'écran de la page, ce qui peut être fastidieux, pourquoi ne pas le faire en une seule fois? C'est là qu'interviennent les outils de développement.
Ce guide vous expliquera comment vous pouvez utiliser les outils de développement de Chrome pour prendre facilement une capture d'écran de vos pages Web.
Les outils de développement de Chrome sont de puissants outils de débogage intégrés intégrés au navigateur Google Chrome.
Les outils permettent aux développeurs pour tester, déboguer et optimiser les applications Web afin de les rendre plus rapides et plus fiables.Certaines fonctionnalités incluent l'affichage et la modification du code d'une page Web en temps réel, l'affichage de son trafic réseau et l'analyse de ses performances, y compris les temps de chargement et l'utilisation de la mémoire.
Pour prendre une capture d'écran d'une page Web à l'aide des outils de développement de Google Chrome, procédez comme suit :
Tout d'abord, ouvrez Google Chrome puis dirigez-vous vers un site Web ou une page Web spécifique. Ensuite, faites un clic droit n'importe où sur la page et cliquez sur Inspecter en bas du menu déroulant pour ouvrir le Outils de développement panneau. Alternativement, vous pouvez utiliser Ctrl + Maj + C.
Basculer le Barre d'outils de l'appareil en cliquant sur la deuxième icône dans le coin supérieur gauche ou Ctrl + Maj + M. Vous pouvez voir à quoi ressemble la page sur différents appareils, tels que les téléphones et les tablettes.
En haut à gauche, il y a un menu déroulant appelé Dimensions. En cliquant dessus, vous découvrirez un menu avec différents appareils. En cliquant sur une option, vous verrez à quoi ressemble la page sur cet appareil. Vous pouvez également voir la largeur et la hauteur de la page et une option de zoom avant et arrière.
Selon votre appareil, l'option largeur ou hauteur (ou les deux) sera annulée, vous empêchant de modifier sa taille.
En option, vous pouvez choisir l'appareil et l'orientation pour prendre une capture d'écran à l'aide Mode appareil. Lorsque vous êtes satisfait de l'apparence de tout, cliquez sur les trois points verticaux dans la barre des dimensions et cliquez sur Capture d'écran ou Capturez une capture d'écran en taille réelle.
Alternativement, vous pouvez utiliser Ctrl + Maj + P pour ouvrir le menu de commandes et tapez le mot capture d'écran dans la zone de texte. Lorsque vous tapez le mot, vous remarquerez que quatre types d'options de capture d'écran apparaissent dans un menu déroulant :
- Capture d'écran de la zone de capture: prend une capture d'écran d'un élément inspecté.
- Capturez une capture d'écran en taille réelle: prend une capture d'écran de la page entière.
- Capture d'écran du nœud de capture: faites glisser une zone spécifiée de la page que vous souhaitez capturer.
- Capture d'écran: prend une capture d'écran de tout le contenu visible sur la page.
Pour obtenir une capture d'écran plus large de la page, ajustez la taille du panneau Outils de développement. Vous pouvez le faire en passant votre souris sur la droite de la barre de défilement verticale jusqu'à ce que vous voyiez une flèche à double extrémité. Cliquez dessus et faites glisser le panneau vers la gauche ou vers la droite pour modifier la taille de la page.
La capture d'écran sera automatiquement enregistrée dans votre Téléchargements dossier sous forme de fichier image PNG, tant que vous n'avez pas tout problème de téléchargement de fichiers. À partir de là, vous pouvez apporter des modifications à l'image.
Une nouvelle façon de prendre des captures d'écran dans Google Chrome
Prendre une capture d'écran à l'aide des outils de développement de Google Chrome peut vous aider à en faire plus et à gagner du temps. Il vous offre également une nouvelle façon de prendre des captures d'écran, que vous soyez développeur, concepteur ou utilisateur régulier.
La prochaine fois que vous aurez besoin de prendre une capture d'écran dans une orientation différente ou sur un autre appareil, l'utilisation des outils de développement est un moyen rapide et efficace toujours disponible. Lorsque nous téléchargeons des fichiers, ils sont enregistrés dans notre dossier Téléchargements par défaut. Mais si vous souhaitez modifier le dossier, vous pouvez facilement le faire dans Google Chrome.
