Machen Sie einen Screenshot des gesamten Bildschirms mit HTML5/Javascript?

Question

Ich suche nach einem vollständigen Screenshot durch eine Webseite außerhalb des Browserfensters. Im Grunde versuche ich, ein Hilfstool sowohl für webbasierte Apps als auch für Offline-Programme zu erstellen, und als Teil davon möchte ich Screenshots von einer Webseite machen können, damit der Benutzer kein Programm herunterladen muss ein Screenshot/Upload auf unsere Website.

Ich bin mir bewusst, dass es keine Lösung für diese, aber wenn es das wäre super wäre!

Prost im Voraus

Answer 1

Es gibt Möglichkeiten, zu erreichen, was Sie teil tun wollen. Es ist jedoch wichtig zu wissen, dass sie Benutzerberechtigungen benötigen.

Sie fragen auch, ob eine Webseite einen Screenshot außerhalb eines Browserfensters erstellen kann - dies ist ein riesiger Verstoß gegen die Privatsphäre und ich würde davon abraten, etwas zu implementieren, das diese Route durchläuft. Für das, was Sie versuchen, ist es immer am besten, die Zustimmung des Benutzers zu haben.

Wenn Sie Interesse der Benutzer Zeit bei der Rettung und dem Anwender eine nahtlose Erfahrung zu geben, ein betrachten oder mehrere dieser Optionen:

1. Sie können eine von mehreren JavaScript-Plugins/API verwenden, um zu ermöglichen, Benutzer, um Teile von dem, was sie auf der Webseite sehen, auszuwählen und dann auf Sie hochzuladen. Zum Beispiel können Sie dies auf YouTube tun. Gehen Sie zu youtube.com und scrollen Sie zum Ende der Seite und klicken Sie auf Help und dann auf Send feedback. Hier können Sie Text eingeben sowie Teile der Seite "markieren" und an YouTube senden. Um etwas wie das zu erreichen, schauen Sie in etwas wie html2canvas.

2. Geben Sie Ihrem Benutzer schnellen Zugriff auf die Download-Seiten für Tools wie Snipping Tool für Windows. Auf diese Weise müssen sie, wenn sie es nicht bereits auf ihrer Maschine haben, nicht danach suchen.

3. Aus meiner Erfahrung im Umgang mit Kunden, viele von ihnen wissen nicht einmal, dass Dinge wie Snipping Tool auf ihrer Maschine existieren. Vielleicht wäre ein FAQ- oder Hilfeabschnitt nützlich, der den Benutzer leiten würde.

Zusammenfassend ist es möglich, über eine Web-Seite auf „Screenshot“, was auf einer Webseite selbst ist aber nichts, was mir begegnet ist, dass Sie ermöglicht es, alles zu erfassen außerhalb der Web-Browser-Kontext.

Answer 2

Dies ist definitiv nicht möglich nur mit HTML5/JavaScript. Sie müssten ein Browser-Plugin wie Flash, ein Java-Applet oder vielleicht ein Firefox-Add-On einbeziehen.

Hinweis: Ich gehe davon aus Sie einen Screenshot des gesamten Monitor, nicht nur das Browserfenster bedeuten nehmen.