Le navigateur Google Chrome offre deux façons de capturer des captures d'écran de pages Web en taille réelle. Cela peut être nécessaire ou utile pour de nombreux travailleurs Web, qu'ils soient développeurs, concepteurs, éditeurs, gestionnaires, rédacteurs, analystes ou à peu près n'importe quel autre service Web possible.

Les approches que nous aborderons pour capturer des captures d'écran de pages Web en taille réelle avec Chrome nécessitent la version complète de Chrome pour n'importe quel appareil de bureau, y compris Mac, Windows, Linux et Chromebook.Aucun plug-in n'est requis, car nous utiliserons des outils de développement intégrés avec Chrome.

ote nous couvrons ici le navigateur Chrome pour le bureau. Vous pouvez également prendre des captures d'écran pleine page avec Firefox, Safari sur Mac et Safari pour iPhone et iPad, si vous en avez besoin ou si vous préférez.

Comment capturer des captures d'écran de défilement en taille réelle dans Chrome

Prêt à prendre une capture d'écran en taille réelle d'une page Web dans Chrome ? Voici ce qu'il faut faire :

1. Ouvrez les outils de développement Chrome (Afficher les outils de développement > Developer >)



2. Cliquez sur le bouton Mode de conception réactif dans le tiroir des outils de développement



3. Faites défiler toute la page Web pour que toutes les images se chargent (ceci est important pour capturer des images à chargement différé, une technique courante utilisée pour accélérer les pages Web)
4. Cliquez sur les trois points verticaux dans le coin supérieur droit de l'outil de conception réactive et choisissez "Capture d'écran en taille réelle"



5. La capture d'écran en taille réelle apparaîtra dans votre dossier de téléchargements Chrome par défaut

Sur le Mac, vous trouverez la capture d'écran en taille réelle de la page Web disponible dans les téléchargements de l'utilisateur, sauf si vous l'avez modifié manuellement.

Les dimensions de la capture d'écran capturée varient en fonction de l'appareil que vous avez choisi en mode réactif, par exemple si vous avez choisi l'iPad Air et pris une capture d'écran défilante pleine taille de la page d'accueil osxdaily.com, votre capture d'écran peut être autour de 2084 × 16439 pixels. Évidemment, plus le style d'une page est long ou

Si vous ne faites pas défiler une page Web entière, les images chargées paresseusement ne seront pas capturées par la capture d'écran, ce qui rendra la capture d'écran de la page complète incomplète et non représentative de ce qu'un utilisateur voit sur la page.

Capturer des captures d'écran pleine page dans Chrome via la console

Une autre façon de prendre des captures d'écran d'une page complète dans Chrome consiste à utiliser la commande "Exécuter" de la console du développeur et à taper "capture d'écran", puis à choisir "Capturer une capture d'écran en taille réelle" parmi les options qui s'affichent. Assurez-vous de faire défiler toute la page Web avant de faire cela également.

Cela peut être une meilleure option pour certains utilisateurs, mais c'est un peu plus complexe pour ceux qui sont moins familiers avec les lignes de commande.

Ces méthodes pour Chrome sont-elles plus simples que celles disponibles dans Safari pour Mac avec les outils de développement ? Ou la méthode super simple de prendre des captures d'écran complètes de pages Web sur Mac avec Firefox ? Ou le moyen encore plus simple de prendre des captures d'écran d'une page complète à l'aide d'un iPhone ou d'un iPad ? C'est à vous de décider, et cela dépend aussi probablement du navigateur que vous utilisez le plus souvent et de votre maîtrise de chacun d'eux.