2013-03-14 17 views
5

SfondoPrendendo uno screenshot di una pagina singola applicazione con JavaScript

corro test dell'interfaccia utente su un'applicazione Io lavoro su simulando l'input dell'utente con JS. Il JS esegue una serie di trigger per mouse e tastiera in sequenza su un iframe in cui è in esecuzione l'app testata e posso controllare le interruzioni. Mi piacerebbe configurarlo in modo che possa prendere periodicamente screenshot dello stato corrente.

già considerato

So che questa è una domanda duplicato, sto chiedendo di nuovo la società nel caso in cui vi siano stati sviluppi in questo spazio di recente.

Ho guardato a http://html2canvas.hertzen.com/ per scattare screenshot, e mentre funziona per la maggior parte sembra avere problemi quando c'è un sacco di utilizzo di CSS3 e webfonts.

Non sono inoltre libero di utilizzare un metodo lato server perché sto lavorando a un'app backbone di una singola pagina e non memorizza lo stato in base agli URL (per la maggior parte).

Ho anche dato un'occhiata alla proprietà specifica di mozilla background:-moz-element(), ma non funziona quando la pagina desiderata è in un iframe.

Penso che ciò che più si avvicina a ciò di cui ho bisogno è phantomJS che ti permette di manipolare la pagina e fare uno screenshot. Mi piacerebbe evitare questo perché userei la possibilità di vedere il test perché altrimenti lo sto eseguendo.

Quindi, qualcuno sa di qualcosa che potrei usare qui? Può anche essere esclusivo per un browser (Firefox o Chrome) finché viene eseguito su Windows. Non ha bisogno di girare su tutti i client, solo sul mio quindi va bene anche se devo configurare un ambiente speciale purché gli screenshot possano essere salvati tramite JS (solo su Firefox o Chrome, quindi senza ActiveX).

TL; DR È necessario l'API Javascript o HTML5 per salvare schermate di un'app in esecuzione in un iframe. Nessuna soluzione a pagamento per favore.

+0

È il '