2012-05-09 67 views
1

是否有可能從Javascript捕獲呈現的HTML頁面。使用Javascript捕獲渲染的HTML頁面

  • 我希望能夠創建HTML頁面的「小地圖」以便快速導航。
+0

你會比這更具體。有可能是一種方法來做你想做的事情,但是在我們建議它之前,你必須告訴我們你想要的東西...... –

+0

@ElliotBonneville Grooveek實際上設法回答我的問題。但我基本上想要一個來自js –

回答

3

您可以使用:

document.body.innerHTML 

這是整個「渲染」(即住/ DOM完成)HTML,但我不知道這是你想要的。

你會更好地定義你想要創建的地圖,例如標題等,然後你可以使用getElementsByTagName('h1')(例如)抓住頁面上的所有H1。

如果你正在談論一個瀏覽器呈現的實際圖像,你可以看看wkhtmltopdf和它的wkhtmltoimage副本,它將HTML(或網址)作爲輸入並將其轉換爲文本 - 完整的PDF或靜態圖像。在大型項目中使用過這個整潔的應用程序,所以它絕對可靠,也使用WebKit,因此CSS3/JS兼容。

+0

的HTML2image功能?任何原因downvote ..? –

+0

我想要渲染,即像素。感謝您的回答。 :-) –

+0

@BentRasmussen啊在這種情況下,wkhtmltoimage絕對是你應該嘗試的,如果你想要它服務器端當然:) –

0

wkhtmltoimage只使用靜態的HTML頁面。 如果您有用戶選擇或具有某些繪圖的畫布(首次渲染時默認除外),wkhtmltoimage將無濟於事。