Comment prendre une capture d'écran d'une page Web?

Je veux ajouter un bouton pour l'un de nos sites web qui va permettre à l'utilisateur de remplir un rapport de bogue avec notre système de suivi des bogues.

L'une des demandes est qu'une capture d'écran de la page en question sera envoyé.

Sans installer quelque chose sur la fin les utilisateurs de la machine, comment puis-je faire cela? N'javascript ont une sorte de capture d'écran de l'api?

source d'informationauteur NotMe | 2009-03-31

  1. 14

    Vous pouvez saisir le innerHTML de la page et de les traiter ensuite sur le serveur:

    document.getElementsByTagName('html')[0].innerHTML;
//this would also be interactive (i.e. if you've
//modified the DOM, that would be included)
  2. 6

    Non, javascript n'a rien de ce genre.

    Je crains que ce sera très difficile. Je ne peux pas penser à tout ce qui pourrait le faire sans l'installer sur l'ordinateur de l'utilisateur.

    J'aimerais avoir tort, mais au moins c'est une réponse pour vous.

  3. 6

    Obtenir autant d'informations que vous le pouvez au sujet de l'environnement de l'utilisateur à l'aide de jQuery. (jQuery.de soutien) /agent utilisateur /cookies /forme des valeurs d'entrée, l'url (pour obtenir les paramètres et pour savoir quelle page avait une erreur)

    Envoyer le code source de la page, comme mentionné par le Moff.
    Essayez d'arranger le DOM comme il est maintenant de sorte que vous pouvez comparer ce qui est différent de la page d'origine.

    Il est également utile d'envoyer le code source de la page si vous avez besoin de garder cela à des fins historiques, depuis quand vous mettez à jour la page, il sera être différent.

  4. 4

    Je vous suggère une sorte d'intégration avec FireShot qui est un Gratuit Firefox/IE addon.

  5. 3

    Je suis d'accord avec les autres réponses-pas de dés.

    Cependant, il existe un plugin firefox, le Pearl Crescent Page Saverce qui peut être utile dans la recherche pour les tâches connexes.

  6. 3

    Prendre un coup d'oeil à pagecrop (mis en œuvre avec jQuery + jCrop plug-in)

  7. 3

    Je dois manquer quelque chose, mais ne pouvez-vous pas juste...

    Appuyez sur Print sur le clavier et de le coller dans l'email.

  8. 2

    Voir cette question. En gros, non, pas avec javascript. Peut-être avec ActiveX, mais qui est de retour pour l'installation de choses sur le PC du client.

    Envisager la rédaction d'un script côté serveur qui répète la demande de l'utilisateur exactement (en supposant que ce n'est pas après un POST) et stocker le fichier html résultant.

  9. 1

    Vous devriez regarder dans l'aide d'une solution basée sur le web, tels que celui offert à Super Capture D'Écran! ou WebShotsPro.com. En fonction de vos besoins, tels que des captures d'écran des domaines spécifiques de pages ou des pages inaccessibles de l'extérieur, il peut ne pas fonctionner pour vous, mais c'est une idée.

  11. 0

    Vous pouvez aussi jeter un oeil à la façon dont Evernote fait de son écran de capture et peut-être que vous pouvez lier à qui ou créer votre propre extension chrome. https://chrome.google.com/webstore/detail/evernote-web-clipper/pioclpoplcdbaefihamjohnefbikjilc?hl=en