Site Web ou bookmarklet pour obtenir une capture d'écran d'une page Web [fermé]


17

Existe-t-il un site Web ou un bookmarklet qui, avec une URL, produira une capture d'écran de cette page?

Idéalement, il devrait y avoir des options pour redimensionner l'image sortie.


une capture d'écran de ce que vous voyez en ce moment (l'état actuel du dom) ou simplement une capture d'écran du site Web tel qu'il peut être vu par d'autres?
Akira

Les deux sont de bonnes options, mais c'est ce dernier qui m'intéresse le plus.
Senseful

blitapp.com est utile si vous souhaitez que des captures d'écran planifiées vous soient envoyées régulièrement.
justspamjustin

Réponses:


6

Vous pouvez essayer la volière

C'est très simple: copiez collez l'url du site et Aviary le chargera dans son éditeur d'images en ligne (voir ci-dessous)

Ils ont également un addon Firefox et un bookmarklet, auquel cas il remplira votre site Web actuel pour vous (mais sur le même onglet, alors faites attention!)

texte alternatif


Cela ressemble à ce que je veux, malheureusement chaque URL que je lui donne ne fonctionne pas. Il dit simplement "Oh oh! Nous n'avons pas pu effectuer la capture."
Senseful

Je recommande de donner une extension à Chrome, qui a parfaitement fonctionné pour moi
Ivo Flipse



2

Je voulais quelque chose qui pourrait capturer des captures d'écran d'un serveur local, donc un service Web comme Browsershots n'était pas ce que je voulais.

Par conséquent, en utilisant html2canvas, j'ai créé un bookmarklet qui capture une capture d'écran localement, en rendant les éléments avec un canevas.

Pour l'utiliser, copiez-le comme un bookmarklet:

(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));

Ensuite, cliquez dessus et éventuellement autorisez le pop-up qu'il crée (le pop-up contient la capture d'écran).

Par exemple, sur Chrome, vous devez cliquer sur la partie la plus à droite de la barre d'adresse comme ceci:

                                          capture d'écran

Cliquez ensuite sur le lien correspondant à la fenêtre contextuelle de la capture d'écran pour l'ouvrir.


Salut, ce bookmarklet est vraiment utile, merci pour le partage. J'ai l'intention de le personnaliser en fonction de mes besoins, je me demandais pourquoi vous mettez les 5 paramètres à l'intérieur de la fonction et comment obtiennent-ils leurs valeurs car la fonction est appelée en cliquant sur le bookmarklet sans aucun paramètre et ces noms de paramètres ne sont pas susceptibles de être défini dans chaque page Web.
Chirag Bhatia - chirag64

1
@ Chirag64 Je l' ai fait comme ça pour sauver quelques personnages (je suis un peu une personne de code-golf), voici ce qui se passe: le d, wet les hparamètres sont transmis à la fin (exemple: (function(d){/* d is now an alias to document */}(document))). Les quatrième et cinquième paramètres ne sont que des espaces réservés que j'ai réutilisés plus tard pour enregistrer quelques caractères sur les vardéclarations :) Donc, je ne pollue pas la portée globale lors de la lecture de code.
Camilo Martin

C'est un bon codage ici. Merci pour l'explication :)
Chirag Bhatia - chirag64


0

Je sais que ce n'est pas une application Web ou un bookmarklet, mais ce que j'utilise à cet effet est un plugin Firefox appelé Screengrab . Je ne sais pas si c'est une option pour vous, mais vous pouvez l'essayer (si vous utilisez Firefox, bien sûr; et je suis sûr qu'il y en aura d'autres similaires pour d'autres navigateurs)


0

GreenShot

Essayez ce logiciel, un bon morceau de codage.

Appuyez simplement sur PrintScreen sur le clavier - un outil apparaît et sélectionnez la région de la capture d'écran, l'image revient !!


1
Ceci est un logiciel Windows. J'ai changé le lien du .exe vers la page d'accueil.
Rebecca Chernoff

0

J'ai essayé les sites Web ici, mais ils ne fonctionnaient pas bien. Aviary et Browsershots n'étaient pas agréables à utiliser. Vous ne devez pas utiliser une webapp, mais plutôt une extension de navigateur pour cela.



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.