Ho bisogno di rendere una pagina HTML lato server e "estrapro" i byte grezzi di un elemento canvas in modo che possa salvarlo in un PNG. Il problema è che l'elemento canvas è stato creato da javascript (sto usando il Flot di jquery per generare un grafico, in pratica). Quindi suppongo di aver bisogno di un modo per "ospitare" la funzionalità DOM + Javascript da un browser senza utilizzare effettivamente il browser. Ho optato per mshtml (ma aperto a tutti e tutti i suggerimenti) in quanto sembra che dovrebbe essere in grado di farlo esattamente. Questo è un progetto MVC ASP.NET.Rendering HTML + Javascript lato server
Ho cercato in lungo e in largo e non ho visto nulla di conclusivo.
così ho questo semplice HTML - ad esempio mantenuto il più semplice possibile per dimostrare il problema -
<!DOCTYPE html>
<html>
<head>
<title>Wow</title>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js" type="text/javascript"></script>
</head>
<body>
<div id="hello">
</div>
<script type="text/javascript">
function simple()
{
$("#hello").append("<p>Hello</p>");
}
</script>
</body>
</html>
che produce l'uscita prevista quando viene eseguito da un browser.
Desidero essere in grado di caricare l'HTML originale in memoria, eseguire la funzione javascript e quindi manipolare l'albero DOM finale. Non riesco a utilizzare alcuna classe System.Windows.WebBrowser, poiché il mio codice deve essere eseguito in un ambiente di servizio.
Quindi, ecco il mio codice:
IHTMLDocument2 domRoot = (IHTMLDocument2)new HTMLDocument();
using (WebClient wc = new WebClient())
{
using (var stream = new StreamReader(wc.OpenRead((string)url)))
{
string html = stream.ReadToEnd();
domRoot.write(html);
domRoot.close();
}
}
while (domRoot.readyState != "complete")
Thread.Sleep(SleepTime);
string beforeScript = domRoot.body.outerHTML;
IHTMLWindow2 parentWin = domRoot.parentWindow;
parentWin.execScript("simple");
while (domRoot.readyState != "complete")
Thread.Sleep(SleepTime);
string afterScript = domRoot.body.outerHTML;
System.Runtime.InteropServices.Marshal.FinalReleaseComObject(domRoot);
domRoot = null;
Il problema è, "beforeScript" e "afterScript" sono esattamente gli stessi. L'istanza IHTMLDocument2 passa attraverso il normale ciclo "non inizializzato", "carico", "completo", senza errori, niente.
Qualcuno ha qualche idea su cosa sto facendo male? Completamente perso qui.
Grazie per aver dedicato del tempo per rispondere, ma non saranno d'accordo con quello che hai detto - in materia di "non destinato ". L'area visibile di un browser (la finestra) dovrebbe essere (ed è) separata dal suo motore DOM/Javascript interno. Perché dovrebbe importare dove viene visualizzato il risultato? Perché non è possibile eseguire il rendering di DOM + CSS + Javascript in qualsiasi posizione in memoria? In effetti, c'è un esempio di Node.js che interagisce con Flot per fare esattamente quello che voglio fare: generare un grafico sul lato server. Purtroppo, non posso usare Node.js ... –
Per quanto riguarda ciò che devo fare sul server - Ho bisogno, periodicamente, di produrre un grafico (per ora, usando Flot) in un ambiente senza testa e non interattivo. Il grafico deve apparire esattamente come se un utente stesse visualizzando la pagina web in un browser. Questo è un progetto ASP.NET MVC, non ho trovato alcun controllo/componente sul lato server per farlo facilmente. –
Sì, praticamente hai ragione. Ha davvero senso rendere DOM + CSS + Javascript ovunque nella memoria. Tuttavia, mi aspetto che questo funzioni con un browser, che non può essere caricato in una sessione non interattiva. Comunque, ti auguro buona fortuna, se procederai con questo. –