Ce qu'il faut savoir
- Sélectionnez le trois points Plus de menu > Plus d'outils > Outils de développement. Cliquez sur l'icône des points de suspension > Exécutez la commande > tapez "capture d'écran."
- Choisissez un type: Capture d'écran de la zone, Capture d'écran en taille réelle, Capture d'écran du nœud ou Capture d'écran.
Cet article explique comment prendre des captures d'écran sur Microsoft Edge à l'aide d'un utilitaire caché caché dans les outils de développement.
Comment faire une capture d'écran d'une page Web sur Edge
La possibilité de prendre des captures d'écran pleine page de pages Web à partir du navigateur lui-même est inestimable car tous les logiciels de capture d'écran ne font pas un travail propre avec un contenu déroulant. Vous pouvez utiliser les outils de développement dans Edge pour effectuer des captures d'écran pleine page et trois autres types de captures d'écran.
Le navigateur enregistre les fichiers image dans le dossier de téléchargement par défaut de votre ordinateur ou vous demandera un emplacement spécifique.
-
Appuyez sur la touche F12 ou Ctrl + Maj + I sur votre clavier sous Windows pour ouvrir Outils de développement dans Microsoft Edge. Les utilisateurs de macOS doivent utiliser le raccourci clavier Command + Option + I. Vous pouvez également accéder aux outils de développement à partir de la barre d'outils Edge. Sélectionnez les trois points More > More tools > Developer tools
Image -
Dans le panneau Outils de développement, sélectionnez l'icône de points de suspension à trois points en haut à droite pour ouvrir Personnaliser et contrôler DevTools.
Image - Sélectionnez Exécuter la commande (ou appuyez sur Ctrl + Maj + P) dans le menu vertical.
-
Tapez "capture d'écran" dans le panneau de commandes Exécuter pour afficher les quatre commandes possibles. Ces quatre commandes vous aident à sélectionner la partie de la page Web que vous souhaitez capturer.
Image -
Sélectionnez Capture d'écran de la zone dans la liste des commandes pour prendre une capture d'écran d'une zone spécifique. Utilisez le réticule pour cliquer avec le bouton gauche et dessiner le contour de la capture d'écran. (Nous avons mis en surbrillance une section pour vous montrer qu'elle devient gris foncé, mais évidemment, vous mettrez en surbrillance la partie que vous souhaitez.)
Image - Sélectionnez Capture d'écran en taille réelle dans la liste des commandes pour prendre une capture d'écran en taille réelle. Cela capture l'intégralité de la page Web, y compris le contenu déroulant qui n'est pas à l'écran.
-
Sélectionnez Capture node screenshot dans la liste des commandes pour capturer un nœud HTML sélectionné dans Dev Tools à partir de l'onglet Elements. Vous pouvez également cliquer avec le bouton droit sur le nœud sélectionné et sélectionner Capture d'écran du nœud. Par exemple, sélectionnez la "classe d'en-tête" et capturez l'en-tête de la page Web.
Image -
Sélectionnez Capture screenshot dans la liste des commandes pour prendre une capture d'écran de la vue active. Il s'agit de la zone visible à l'intérieur du navigateur et n'inclut pas la zone déroulante mais invisible.
Astuce:
Les navigateurs Chromium comme Chrome et Edge vous permettent également d'émuler d'autres appareils et leurs résolutions d'écran. Vous pouvez également utiliser cette propriété et les commandes de capture d'écran et capturer à quoi ressemblerait une page Web sur un appareil particulier.
Sélectionnez Toggle device emulation dans la barre d'outils Developer tools (ou appuyez sur Ctrl + Shift + M).
