2011-01-01 3 views

risposta

66

Poiché si utilizza questo in Chrome Extensions, il Tab API ha un metodo chiamato captureVisibleTab, che consente di catturare l'area visibile della scheda attualmente selezionata nella finestra specificata.

Per utilizzarlo basta aggiungere "schede" al manifest di permissions. E da sfondo della pagina, o pop-up (o qualsiasi altra pagina aggiuntiva), basta chiamare quel metodo come questo:

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

È possibile controllare la proprietà con l'aggiunta di {qualità: 50} e modificare il formato di troppo, tutto descritto nei documenti di cui sopra.

La bellezza di HTML5, è possibile modificare l'immagine con HTML5 Canvas, è possibile manipolare, trasformare, modificare, clip, tutto ciò che si desidera, molto facilmente!

Spero che sia quello che stai cercando! Happy New Years!

+2

Ho aggiunto l'autorizzazione per le schede, ma quando uso l'avviso 'immagine', ottengo 'indefinito'. Hai idea del perché? –

+0

Un modo per fare screenshot della scheda non visibile? –

+1

per acquisire uno screenshot, è necessario l'autorizzazione

22

non sono sicuro se questo era disponibile quando è stata data la risposta originale, ma Google ha ora un esempio disponibile che mostra come prendere screenshot:

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

ricerca di "prova Schermata di estensione" su questa pagina.

6

Se stai cercando un esempio funzionante, ho creato un repository con estensione che cattura lo screenshot dell'intera pagina web. Date un'occhiata qui: https://github.com/marcinwieprzkowicz/take-screenshot

+0

Ho provato a usare la tua estensione, ma ho avuto gli stessi problemi menzionati nella pagina dei problemi del repository. – Sridarshan

+0

anche io, ricevendo errore. Archiviato come un problema: https://github.com/marcinwieprzkowicz/take-screenshot/issues/2 –