2011-01-01 14 views

Respuesta

66

Dado que está utilizando esto en extensiones de Chrome, el Tab API tiene un método llamado captureVisibleTab, que permite capturar el área visible de la pestaña actualmente seleccionada en la ventana especificada.

Para usarlo, simplemente agrega "pestañas" a su manifiesto permissions. Y desde su página de fondo, o emergente (o cualquier otra página de extensión), que acaba de llamar ese método como este:

chrome.tabs.captureVisibleTab(null, {}, function (image) { 
    // You can add that image HTML5 canvas, or Element. 
}); 

Se puede controlar la propiedad mediante la adición {de calidad: 50} y cambiar el formato también, todo descrito dentro de los documentos mencionados anteriormente.

La belleza de HTML5, puede modificar esa imagen con HTML5 Canvas, puede manipular, transformar, modificar, recortar, ¡cualquier cosa que desee, muy fácilmente!

Espero que es lo que estás buscando! ¡Feliz año nuevo!

+2

He añadido permiso para las pestañas, pero cuando uso alert the 'image', obtengo 'undefined'. ¿Tienes alguna idea de por qué? –

+0

¿Alguna manera de hacer una captura de pantalla de una pestaña no visible? –

+1

para tomar una captura de pantalla, necesita permiso –

22

no estoy seguro si esto estaba disponible cuando se le dio la respuesta original, pero Google tiene ahora un ejemplo disponible que muestra cómo tomar capturas de pantalla:

http://developer.chrome.com/extensions/samples.html

búsqueda para "Prueba de Captura de extensión" en esta página.

6

Si está buscando un ejemplo de trabajo, he creado un repositorio con extensión que toma una captura de pantalla de toda la página web. Eche un vistazo aquí: https://github.com/marcinwieprzkowicz/take-screenshot

+0

Intenté usar tu extensión, pero tuve los mismos problemas que los mencionados en la página de problemas del repositorio. – Sridarshan

+0

yo también, obteniendo el error. Archivado como un problema: https://github.com/marcinwieprzkowicz/take-screenshot/issues/2 –

Cuestiones relacionadas