Capturez une capture d'écran d'une grande page Web dans Chrome


9

La page Web est très volumineuse (quelques Mo). J'ai essayé ces extensions et elles échouent toutes:

  • Capture d'écran (par Google) - Je reçois un nouvel onglet sans image
  • Pixlr Grabber - J'obtiens une erreur de demande "500" après avoir appuyé sur Enregistrer
  • Capture d'écran de la page Web - Fireshot - me disant que la page Web est trop grande et qu'elle sera enregistrée dans la RAM, après quoi j'obtiens une erreur: Insufficient video memory: You need at least -2365 MB of RAM(c'est ridicule, et j'ai 1 Go)
  • Capture d'écran de la page Web et de la webcam - Je n'ai aucune image
  • Capture d'écran impressionnante - Capturer et annoter - Il est dit capturing..., et une fois terminé, ouvrez un nouvel onglet avec quelques boutons. Lorsque j'appuie sur "terminé", cela dit preparing your image...pour toujours.

Connaissez-vous des outils de capture d'écran de site Web qui fonctionnent réellement?


Pourriez-vous nous donner l'URL du site que vous souhaitez enregistrer? S'il s'agit d'une page vraiment énorme, il est possible que le processus de capture nécessite des Go de RAM. Comme vous n'avez que 1 Go, il est possible que la capture prenne beaucoup de temps car au lieu d'utiliser la RAM, l'espace de swap sur le disque dur est utilisé, ce qui est très lent. Avez-vous essayé de laisser Awesome Screenshot - Capture & Annotate s'exécuter pendant la nuit pour voir si cela fonctionne enfin ou s'il se bloque?
Simon

il s'agit d'une page locale, la zone de statistiques Chrome indique la 1600 x 140000taille d' une page. Mais le contenu a beaucoup de graphiques simples et d'espaces (~ 95% est juste un fond blanc ou gris). Si elle est compressée, l'image ne devrait pas prendre plus de quelques Mo
MaryJane

1
Vous déclarez correctement SI compressé, cela ne devrait pas prendre beaucoup de place. Mais d'abord, l'image sera dans un état non compressé qui occupera des Go d'espace.
Simon

Vous êtes sûr que c'est 1600 x 140000 car c'est une image GIGANTIQUE. De plus, le 2365 est supérieur à 2 Go, donc si vous n'avez que 1 Go, cela explique l'erreur.
Ramhound

Je viens de créer une image 1600x140000 dans photoshop instantanément. Il indique la taille de l'image: 649 Mo, et c'est probablement non compressé. Mais pour une raison quelconque, il ne sera pas enregistré au format png ou jpg: |
MaryJane

Réponses:


2

Si vous utilisez du chrome, j'utiliserais CutyCapt, il capture le rendu du webkit sur une image.

CutyCapt est un petit utilitaire de ligne de commande multiplateforme pour capturer le rendu WebKit d'une page Web dans une variété de formats vectoriels et bitmap, y compris SVG, PDF, PS, PNG, JPEG, TIFF, GIF et BMP. Voir IECapt pour un outil similaire basé sur Internet Explorer.


1

J'ai fini par utiliser PhantomJS dans Windows, j'ai utilisé ...

screenshot.js

var page = require('webpage').create();

page.open('http://gigantic-web-page.com', function () {
    page.render('test.png');
    phantom.exit();
});

Vider cela dans votre dossier phantomjs, puis un autre fichier, screenshot.cmd

phantomjs --ignore-ssl-errors=yes --cookies-file=cookies.txt --web-security=no screenshot.js

Avec ces deux fichiers dans votre dossier phantomjs, exécutez screenshot.cmd ... Je viens de générer un fichier png de 40 Mo d'une page gigantesque, cela a pris un certain temps et s'est effondré mais il l'a finalement sorti!


0

Capturer une capture d'écran de grande page Web dans Chrome? La page Web est très volumineuse (quelques Mo). J'ai essayé la capture d'écran (par Google) - je reçois un nouvel onglet sans image

C'est à cause des caprices de l'élément canvas qu'il utilise. Ignorez-le et enregistrez le fichier, puis ouvrez le fichier; ça devrait être bon.

Il y a quelque temps, j'ai également eu le problème des onglets vides (cela semble assez courant lorsque vous utilisez la fonction Caputre Whole Page ), et sur une alouette, j'ai [Save]quand même cliqué sur le bouton. Lorsque j'ai ouvert le fichier résultant (par curiosité, pensant qu'il serait soit vierge soit 0x0), j'ai été surpris de voir que l'image était non seulement là, mais correcte ! Agréable.

Bien sûr, cela signifie que vous ne pourrez pas utiliser les outils d'édition d'image (limités) de l'extension avant d'enregistrer, mais alors quoi? vous pouvez utiliser MSPaint ou quoi que ce soit tout aussi facilement (pour ma part, l'enregistrer toujours sans modification, puis modifier une copie).


0

Cela peut être réalisé dans Chrome à partir de la version 59:

Annonce dans le blog des développeurs

Didacticiel vidéo

Résumé des étapes (si vous préférez le texte):

  1. Outils de développement ouverts
  2. Basculer la barre d'outils de l'appareil
  3. Définissez la résolution souhaitée dans la barre d'outils de l'appareil
  4. Sélectionnez le menu de débordement Plus d'options dans la barre d'outils de l'appareil
  5. Sélectionnez Capture d'écran ou Capture d'écran en taille réelle
  6. La capture d'écran sera enregistrée dans votre dossier Téléchargements

Veuillez ne pas poster la même réponse à plusieurs questions. Si la même information répond vraiment aux deux questions, alors une question (généralement la plus récente) doit être fermée en double de l'autre. Vous pouvez l'indiquer en votant pour le fermer comme doublon ou, si vous n'avez pas assez de réputation pour cela, lever un drapeau pour indiquer qu'il s'agit d'un doublon. Sinon, adaptez votre réponse à cette question et ne collez pas simplement la même réponse à plusieurs endroits.
DavidPostill

@DavidPostill Merci pour l'avertissement. Votera pour fermer la prochaine fois.
jsejcksn
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.