製作網站的屏幕截圖，用戶做出的更改

是否有可能直接截取網站的可見部分，如用戶（由瀏覽器呈現）所看到的，包括用戶所做的任何更改（例如移動的div，表單中輸入的文字等）？製作網站的屏幕截圖，用戶做出的更改

因此，您打開一個網站，您可以在其中更改其內容。並且有一個按鈕（當然是在網站上），當你點擊它時，網站的實際可見部分以及你所做的所有更改都會保存爲圖像，例如有一個彈出窗口，您可以在其中輸入電子郵件發送這個圖像，或類似的東西。 Javascript，PHP，HTML5或其他？舊瀏覽器和ie沒有關係。我已經搜索了很多答案，閱讀了很多相關文章，但我找不到解決方案，導致我需要的不是腳本，它將重新呈現頁面，如html2canvas，但捕獲顯示的實際內容屏幕上。任何想法和意見，非常感謝！

來源

2012-11-28 Kostsei

檢查[通過PHP訪問網站截圖]（http://forrst.com/posts/Taking_Website_Screenshots_via_PHP-aNP） –

一個非常有限的選項是Chrome擴展程序，它允許您執行此操作。 – pimvdb

不......不完全像用戶看到它一樣。每個瀏覽器都以不同的方式呈現網頁（字體變化，間距，css3和html 5）。您可以使用擴展程序或插件來完成工作，但同樣，不完全正確。 –

這是一件非常棘手的事情。

基本上，你只能在瀏覽器中做這個而沒有擴展名，或者這樣做就是嘗試將HTML渲染到<canvas>標記中。

有幾個項目，其中做到這一點，最可靠的選擇是在這太問題的答覆指出：Render HTML in Canvas/WebGL

注意，沒有一個項目是100％準確，但一個畫布，可以渲染成圖像，從而可以像用戶一樣保存或通過電子郵件發送。

來源

2012-11-28 08:03:26

我知道這不是一件容易的事情。但它是否會包含對頁面內容所做的更改或呈現默認代碼？ – Kostsei

它會包含更改，因爲您可以爲渲染器提供最新的DOM（例如在用戶進行任何更改之後）。 –

恩，謝謝，我會檢查出來。希望我能理解所有員工（： – Kostsei

製作網站的屏幕截圖，用戶做出的更改

回答

相關問題