Comment prendre des captures d'écran (et des captures d'écran de défilement) des pages Web

Capture d'écran de la page Web: Explication détaillée des méthodes de capture d'écran pour différents navigateurs

avez-vous besoin d'enregistrer ou de partager du contenu Web? Cet article vous guidera comment utiliser efficacement différents navigateurs pour prendre des captures d'écran des pages Web, y compris des captures d'écran en plein écran et partielle. Contrairement aux captures d'écran ordinaires, les captures d'écran de la page Web nécessitent la suppression des éléments d'interface tels que les barres d'outils et les menus du navigateur, et ne conserver que le contenu de la page Web lui-même.

BROWSER DE CHROME Google

La fonction de capture d'écran intégrée de la version de bureau du navigateur Chrome est masquée dans les outils du développeur. Après avoir ouvert la page de destination, appuyez sur Ctrl Shift i (Windows) ou CMD Option i (macOS) pour ouvrir le panneau des outils du développeur. Alors:

1. Cliquez sur les trois points dans le coin supérieur droit du panneau des outils du développeur.
2. Sélectionnez "Exécuter la commande".
3. Entrez "Capture d'écran" pour afficher l'option de capture d'écran.
4. Cliquez sur "Capturez des captures d'écran pleine grandeur" pour capturer la page entière.
5. Cliquez sur "capturer la capture d'écran" pour capturer la zone visible de la page.

La boîte de dialogue Enregistrer apparaîtra plus tard, et vous pouvez choisir où enregistrer la capture d'écran. Si vous trouvez les options intégrées trop encombrantes, de nombreux outils de capture d'écran tiers à choisir, tels que la capture d'écran de la page Web et la page de gofull, sont tous deux des outils gratuits très populaires et offrent une variété d'options (le premier est plus puissant et le dernier est plus concis).

Pour les appareils mobiles, la version Android de Chrome a une fonction de capture d'écran intégrée, mais la version iOS de Chrome doit s'appuyer sur la méthode de capture d'écran du système. Dans Android System, ouvrez la page de destination, cliquez sur les trois points dans le coin supérieur droit, sélectionnez "Partage", puis sélectionnez "Capture d'écran longue".

Navigateur Apple Safari

Similaire à Chrome, l'outil de capture d'écran pour la version macOS du navigateur Safari est également masqué dans les options du développeur, et ils doivent d'abord être activés: SELECT Safari & gt; BOSE DE DÉVELOPPEMENTS Web "Fonctions. Après avoir activé cette fonctionnalité:

Ouvrez le menu de développement et sélectionnez Afficher l'inspecteur Web.
S'il n'est pas déjà ouvert, passez à l'onglet Elements.
Cliquez avec le bouton droit sur la première ligne du code (en commençant par la balise HTML).
Sélectionnez "capture la capture d'écran" dans le menu contextuel.

Vous verrez une boîte de dialogue Enregistrer où vous pouvez choisir où enregistrer la capture d'écran. Ce sera une capture d'écran de défilement complète contenant la page entière - il n'y a pas d'option pour enregistrer uniquement les pièces visibles.

Nous ne savons pas quelles extensions de capture d'écran de haute qualité sont disponibles pour le navigateur Safari sur MacOS. Safari pour iOS n'offre pas non plus cette fonctionnalité - mais vous pouvez faire défiler la voie habituelle, qui capturera toute la page.

Microsoft Edge Browser

La version de bureau du navigateur Edge intègre un outil de capture d'écran, donc prendre des captures d'écran n'est pas difficile. Après avoir ouvert la page d'atterrissage, cliquez sur les trois points dans le coin supérieur droit et sélectionnez "ScreenShot".

Vous verrez alors que trois options apparaissent en haut de la page: Capture Zone (partie de capture de la page en faisant glisser la sélection du rectangle), en capturer la zone d'écran (capturer le contenu sur l'écran actuel) ou capturer toute la page »(capturez la page entière).

Votre capture d'écran apparaîtra dans une fenêtre séparée: Si nécessaire, vous pouvez annoter les captures d'écran à l'aide de l'outil de stylo simple. Dans le coin supérieur droit de la fenêtre, vous pouvez trouver l'icône pour copier la capture d'écran dans le presse-papiers système ou l'enregistrer sur le disque.

Edge Browser est basé sur la même base de code que Chrome, donc si vous avez besoin de fonctionnalités qui ne sont pas disponibles dans des outils intégrés, vous pouvez accéder à la même extension. De même, la capture d'écran de la page Web et la page de gofull valent le coup.

Sur mobile, Edge suit le modèle de Chrome: Dans Android, vous pouvez trouver l'outil de capture d'écran en cliquant sur le bouton de menu (trois lignes dans le coin inférieur droit) et en sélectionnant "Partager" et "Capture d'écran". Dans iOS, vous devez compter sur des méthodes intégrées dans le logiciel système.

MOZILLA FIREFOX BROWSER

La version Firefox Desktop est également livrée avec un outil de capture d'écran. Cliquez avec le bouton droit sur la page Web que vous consultez et sélectionnez «Capture d'écran de recherche».

Vous aurez alors trois options: vous pouvez cliquer et faire glisser une zone sur la page, ou vous pouvez cliquer sur le bouton "Enregistrer la zone visible" ou "Enregistrer la page complète" dans le coin supérieur droit. Vous obtiendrez une fenêtre d'aperçu et l'option pour "copier" ou "télécharger" l'image.

Bien sûr, Firefox est l'un des meilleurs navigateurs car il prend en charge les extensions. Si les options d'intégration ne répondent pas à vos besoins, vous pouvez utiliser des modules complémentaires tels que la capture d'écran facile, Lightshot et une capture d'écran impressionnante. Ils sont tous très bien notés et ont une interface intuitive et simple.

Quant aux applications mobiles, ni Android ni iOS Firefox n'ont de fonctionnalité de capture d'écran intégrée, vous devez donc vous en tenir aux options de capture d'écran standard. Sur Android, cependant, vous pouvez enregistrer la page en tant que PDF: cliquez sur les trois points dans le coin supérieur droit, puis cliquez sur l'icône de partage en haut et sélectionnez "Enregistrer sous le pdf".

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!