tomar - ¿Cómo hacer una captura de pantalla del sitio web en el lado del cliente de JavaScript/cómo lo hizo Google?(no es necesario acceder al disco duro)
donde se guardan las capturas de pantalla windows 10 (3)
" Usar HTML5 / Canvas / JavaScript para tomar capturas de pantalla " responde a su problema.
Puedes usar JavaScript / Canvas para hacer el trabajo, pero aún es experimental.
Esta pregunta ya tiene una respuesta aquí:
Estoy trabajando en una aplicación web que necesita representar una página y hacer una captura de pantalla en el lado del cliente (navegador).
Sin embargo, no necesito que la captura de pantalla se guarde en el disco duro local, solo la guardé en la RAM y luego la enviaré al servidor de la aplicación.
Yo investigue:
- BrowserShots por igual servicios ...
- Navegadores mecanizados ...
- wkhtmltoimage ...
- Python WebKit2PNG ...
Pero nada de eso me da todo lo que necesito, que es:
- Procesando en el lado del navegador (generar captura de pantalla de la página). ¡No necesita ser guardado en HDD! Sólo...
- ... enviar imagen al servidor para su posterior procesamiento.
- Captura de página entera (no solo parte visible)
Finalmente, encontré la herramienta de comentarios de Google (haga clic en "comentarios" en el pie de página de YouTube para ver esto). Contiene JavaScript para la codificación JPG y otros dos scripts enormes que no puedo determinar qué hacen exactamente ...
Pero se procesa en el lado del Cliente, de lo contrario no tendría sentido poner este enorme codificador JPEG en el código.
¿Alguien tiene alguna idea de cómo lo hicieron / cómo puedo hacerlo?
Aquí hay un ejemplo de los comentarios (informar un error en algunas pantallas)
Necesitaba hacer una instantánea de un div en la página (para una aplicación web que escribí) que está protegida por JWT y hace un uso muy intenso de Angular.
No tuve suerte con ninguno de los métodos anteriores.
Terminé tomando el HTML externo del div que necesitaba, limpiándolo un poco (*) y luego enviándolo al servidor donde ejecuto wkhtmltopdf contra él.
Esto está funcionando muy bien para mí.
(*) varios dispositivos de entrada en mis páginas no se procesaron como están marcados o no tienen sus valores de texto cuando se ven en el pdf ... Así que ejecuto un poco de jQuery en el html antes de enviarlo para renderizarlo. ej .: para elementos de entrada de texto: copio sus .val () en los atributos de "valor", que luego pueden verse en wkhtmlpdf