預渲染HTML頁面到圖像

Question

我想預先緩存下一個網頁到縮略圖。是否有可能預先呈現一個HTML頁面（與CSS）到一個圖像在飛行與JavaScript/jQuery？以及如何堅持客戶端上的臨時圖像？

Answer 1

你可以做一個ajax請求請求一個圖像或從腳本的圖像鏈接。 此srcipt需要從網站請求所需的數據並使用渲染機制進行渲染。 返回的信息可能是服務器上生成圖像的鏈接。 根據要檢索和渲染的數據，性能可能很低。

This question will show你是一個解決方案來呈現一個網站，併產生一個pdf。 你可以使用這種方法，並將PDF轉換爲圖像usinf ImageMagick（需要安裝在您的服務器上）。

Answer 2

Afaik，這在客戶端是不可能的，因爲它引發了安全問題。即使是<canvas>元素也不能呈現HTML元素（只有瀏覽器插件才允許使用爲此提供的方法）。

Answer 3

什麼是寫在網站??如果你有服務器端功能，你可以做它，併發送圖像緩存。據我所知，從jquery或javascript是不可能的。

Answer 4

除非你的頁面非常複雜，否則它更可能是你的網絡瓶頸，而不是渲染。您可以輕鬆預先加載html頁面及其所有重要資源（例如圖像，多媒體等），以便當用戶轉到下一頁時，您不需要再次訪問網絡並從本地緩存中加載它。

有幾種技術可以用來預加載HTML文件，隱形iframe可能是最簡單的（儘管我自己從未嘗試過）。