☰

將大網頁儲存為圖片

tag-icon • tag-icon google-chrome google-chrome-extensions screen-capture
將大網頁儲存為圖片

我正在嘗試將網頁另存為圖像。這我正在嘗試儲存的網頁有點長，而且圖片很多。

我試過谷歌瀏覽器螢幕捕捉擴展和其他一些 Chrome 螢幕擷取插件，但都給了我一個空影像作為輸出。

我怎樣才能克服這個問題？是否有其他已知的插件（非 Chrome 也可以）將大型網頁儲存為圖像？

答案1

  1. 在鉻合金瀏覽器顯示開發者工具：選單 -> 更多工具 -> 開發者工具（F12 或 Ctrl + Shift + I）。

顯示開發者工具

  1. 然後選單 -> 運行命令（Ctrl + Shift + P）。

運行命令

  1. 寫下螢幕截圖並使用捕捉全尺寸螢幕截圖。

捕捉全尺寸螢幕截圖

  1. （可選）如果圖像不包含整頁，您可以嘗試在控制台中執行以下命令，以添加一些樣式（如建議的）這個線程）。
document.querySelector("head").appendChild(Object.assign(document.createElement("style"), {textContent: "html, body, div, section {overflow: visible !important;}"}));

新增溢出：可見樣式到頁首。

  1. （可選）如果某些元素與您需要的內容重疊，只需使用選擇工具選擇元素，然後隱藏或者刪除它使用上下文選單。

選擇並刪除重疊元素

答案2

列印為 PDF，然後將 PDF 儲存為圖像。我認為這可能是最萬無一失的方法。

列印為 PDF 非常簡單，並且您有大量選項，事後轉換將保持頁面佈局。

轉換答案在這裡：如何將影像 PDF 檔案另存為影像？

請注意：如果您使用 PDFCreator 項目，可從http://www.pdfforge.org/將 PDF 作為圖像列印或作為圖像列印的選項是本機的。

答案3

火狐綁架！附加元件無法儲存那麼大的影像。如果您確實想保存超長的單一圖像並且願意接受非 Chrome 解決方案，那麼以下一些可能可行：

  1. 網站射擊者是一個便攜式應用程式：

    1

  2. 有許多在線網絡截圖應用程序，例如這個

答案4

找到這個獨立的（便攜式應用程式）：網頁螢幕截圖，可以成功將網頁儲存為圖片...

謝謝大家的回答...:)，建議非常有價值，讓我思考很多方法來完成這項工作。 「Karan」的回答讓我想到了我不知道的獨立應用程式...非常感謝。

相關內容