☰

将大型网页保存为图像

tag-icon • tag-icon google-chrome google-chrome-extensions screen-capture
将大型网页保存为图像

我正在尝试将网页保存为图像。我正在尝试保存的网页有点长，而且图片很多。

我试过Google Chrome 屏幕捕获扩展程序和其他一些 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;}"}));

向页眉添加 overflow:visible 样式。

  1. （可选）如果某个元素与您需要的内容重叠，只需使用选择工具选择元素然后隐藏或者删除使用上下文菜单。

选择并删除重叠元素

答案2

打印为 PDF，然后将 PDF 另存为图像。我认为这可能是最万无一失的方法。

打印为 PDF 非常简单，并且您拥有大量的选项，事后的转换将保留页面布局。

转换答案在这里：如何将图像 PDF 文件保存为图像？

需要注意的是：如果你使用 PDFCreator 项目，可以从http://www.pdfforge.org/将 PDF 打印为图像或打印为图像的选项是原生的。

答案3

火狐浏览器绑架！插件无法保存这么大的图像。如果您确实想保存一张超长的图像，并且愿意使用非 Chrome 解决方案，以下是一些可能有效的方法：

  1. 站点射击者是一款便携式应用程序：

    1

  2. 有许多在线网页截图应用程序，例如这个

答案4

发现这个独立的（便携式应用程序）：网页截屏，这样就可以成功将网页保存为图像了……

感谢大家的回答... :)，建议非常有价值，让我从很多方面思考如何完成这项工作。“Karan”的回答让我想到了独立应用程序，这是我以前不知道的...非常感谢。

相关内容