web-dev-qa-db-fra.com

Comment faire une capture d'écran de pages Web complètes?

J'ai utilisé des applications de capture d'écran et pendant une longue période pour prendre des captures d'écran Mais ils ne peuvent prendre que des screenshots aussi grands que l'écran physique.

Parfois, je dois prendre une capture d'écran d'une page Web entière , car la page ne peut pas être enregistrée. correctement par le navigateur ou je veux aussi inclure les fenêtres contextuelles. Cette situation nécessite un logiciel qui peut prendre une capture d'écran plus longtemps que l'écran physique.

Y a-t-il un logiciel pour le faire?

Notez que this question et ses réponses concernent les applications de sauvegarde de pages Web. Elles ne sauvegardent pas les fenêtres contextuelles, ce qui est essentiel dans mon cas. Je ne veux pas de convertisseur.J'ai besoin d'une application de capture d'écran littérale ou tout ce qui pourrait sauver la fenêtre pop-up.

Et j'utilise Mozilla Firefox, car il a vraiment de jolis plugins. La solution devrait fonctionner pour Firefox lui-même.

7
Registered User

Sur les versions récentes de Firefox, aucun plugin n'est nécessaire. Cette capacité est intégrée au navigateur.

  1. Dans Firefox, utilisez Ctrl+Shift+F2 pour ouvrir la Web Developer Console.
  2. Tapez :screenshot --fullpage (ceci se complétera automatiquement, donc :s Tab --fullpage fonctionnera).

Cela enregistrera la capture d'écran en tant que fichier PNG dans votre dossier de téléchargement. Par défaut, le nom de fichier comprend la date et l'heure. Vous pouvez utiliser un nom de fichier différent si vous le souhaitez, simplement en le transmettant à la CLI: screenshot --fullpage my_name.png.

Cela fonctionnera également dans les fenêtres contextuelles, mais chaque fenêtre devra être enregistrée individuellement. Je ne connais aucun moyen de les combiner en une seule capture d'écran. (Vous pouvez bien sûr le faire plus tard dans GIMP ou un autre outil d'édition d'images.)

9
TRiG

Voici une liste d'applications que vous pouvez utiliser depuis un terminal:

wkhtmltopdf est un utilitaire de ligne de commande qui convertit le format HTML en PDF à l'aide du moteur de rendu webkit.

Sudo apt-get install wkhtmltopdf

L'utilitaire wkhtmltoimage doit prendre la capture d'écran d'une URL donnée et l'enregistrer en tant qu'image png. Il utilise le moteur de rendu webkit.

Télécharger: http://code.google.com/p/wkhtmltopdf/downloads/list

Utilisation:

Pour utiliser l'utilitaire wkthmltoimage simple, exécutez la commande de terminal en donnant l'URL et le nom du fichier image.

$ ./wkhtmltoimage-AMD64 http://www.google.com google.png

Il créera google.png dans le répertoire personnel avec la capture d'écran de www.google.com.

Autres options:

wkhtmltoimage fournit de nombreuses options pour personnaliser la capture d'écran. Quelques exemples sont les suivants:

Qualité - Contrôle la qualité/compression de l'image de génération. La valeur par défaut est 94

$ ./wkhtmltoimage-AMD64 --quality 50 http://www.google.com google.png

Désactiver les images

$ ./wkhtmltoimage-AMD64 --no-images http://www.google.com google.png

Désactiver JavaScript

$ ./wkhtmltoimage-AMD64 --disable-javascript http://www.google.com google.png

Recadrer la capture d'écran

$ ./wkhtmltoimage-AMD64 --crop-h 300 --crop-w 300 --crop-x 0 --crop-y 0 http://www.google.com googl

Cutycapt est un utilitaire permettant de prendre la capture d'écran d'une URL à l'aide du moteur de rendu webkit et de l'enregistrer dans un fichier image.

Installer

Sudo apt-get install Subversion libqt4-webkit libqt4-dev g++ cutycapt

Utilisation Pour utiliser cutycapt, exécutez simplement la commande à partir du terminal, en fournissant l'URL et le nom du fichier de sortie.

$ cutycapt --url=http://www.google.com/ --out=google.png

Il créera un fichier google.png dans le répertoire de base contenant la capture d'écran de www.google.com.

khtml2png utilise le moteur de rendu konqueror pour créer des captures d'écran de pages Web.

Télécharger

http://khtml2png.sourceforge.net/index.php?page=download

Installer

Pour installer khtml2png, le programme doit être compilé et construit sur le système.

Sudo apt-get install kdelibs4-dev zlib1g-dev g++ cmake
Extract the khtml2png archive.
./configure
make
Sudo checkinstall (this will create a deb file and install it , so that it can easily uninstalled later)

Utilisation Pour utiliser khtml2png, exécutez le programme à partir de la ligne de commande en fournissant l'URL et d'autres options.

$ khtml2png2 --width 800 --height 600 http://www.google.com/ google.png

Cela créerait un fichier google.png dans le répertoire de base avec la capture d'écran de www.google.com.

Pywebshot utilise python _ bindings embedded mozilla ( http://www.mozilla.org/unix/gtk-embedding.html )

Installer

Sudo apt-get install python-gtkmozembed

Download pywebshot from https://github.com/coderholic/PyWebShot

Utilisation:

$ python pywebshot.py www.google.com -t 1024x768&lt;br /&gt;<br />Loading www.google.com... saved as www.google.com.png

Il convient de créer un www.google.com.png dans le répertoire contenant la capture d'écran de taille 1024 x 768.

2
Maythux

Sur Firefox, vous pouvez utiliser un addon appelé Awsome Screenshot Capture plus

1
Wouter

Si vous êtes sur Chrome, vous pouvez utiliser l'extension Capture d'écran qui prend en charge les captures d'écran pleine page. Notez que cela peut parfois ne pas fonctionner avec les pages activées HTTPS.

0
Kushal

J'ai essayé Awsome Screenshot: Screen Capture Annotate - Un plugin Chrome. Cela a plutôt bien fonctionné pour moi. Captured the Pop-Ups (basé sur jQuery) [Pas les alertes], Full Page Capture et également avec HTTPS !! Excellent outil.

0
Vinod Tigadi