将大网页另存为图片

Nal*_*526 29 google-chrome screen-capture google-chrome-extensions

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

我尝试了Google Chrome Screen Capture Extension和其他一些 Chrome 屏幕捕获插件,但都给了我一个空图像作为输出。

我怎样才能克服这个问题?是否有其他已知的插件(非 Chrome 也可以)将大型网页保存为图像?

Otr*_*one 23

  1. Chrome浏览器中显示开发人员工具:菜单 -> 更多工具 -> 开发人员工具(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;}"}));
Run Code Online (Sandbox Code Playgroud)

添加溢出:可见样式到页眉。

  1. (可选)如果某些元素与您需要的内容重叠,只需使用选择工具选择该元素,然后使用上下文菜单隐藏删除它。

选择并删除重叠元素


iiv*_*vel 20

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

打印到 PDF 很简单,您有很多选择,事后转换将保持页面布局。

转换答案在这里:如何将图像 PDF 文件另存为图像?

请注意:如果您使用http://www.pdfforge.org/提供的 PDFCreator 项目,则将 PDF 作为图像打印或作为图像打印的选项是本机的。

  • 打印为 PDF 会将网页分成我猜的页面...... :( (7认同)
  • 使用桌面版 Chrome 时,请参阅此评论以获得更好的答案:https://superuser.com/a/1733521/181113 (2认同)

Kar*_*ran 12

火狐绑架!附加组件无法保存那么大的图像。如果您绝对想保存超长的单个图像并且对非 Chrome 解决方案持开放态度,那么这里有一些可能有效:

  1. SiteShoter是一个便携式应用程序:

    1

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


Cic*_*K24 11

有一个新的Firefox 命令行可让您截取屏幕截图。

Shift+F2并写入screenshot filename1.png 0 true

不幸的是,对于您的网站,我遇到了错误...,但是很高兴知道功能。

更新:似乎新版本的语法略有变化,现在要获取完整的屏幕截图,您需要输入 screenshot filename.png --fullpage


Nal*_*526 7

发现这个独立的(便携式应用程序):Web Screen Capture,它可以成功地将网页保存为图像...

谢谢大家回答... :),建议真的很有价值,让我想了很多方法来完成这项工作。“卡兰”的回答让我想起了我不知道的独立应用程序......非常感谢。

  • 现在链接失效了。但是,您应该仍然可以从 archive.org 下载它。遗憾的是,无法保证该软件可以与最新版本的 Windows(例如 Windows 8 或 10)一起使用。 (2认同)

小智 5

您可以使用真棒截图

  • 捕获或剪辑选定区域、所有可见部分或整个页面
  • 支持PNG格式
  • 捕捉时支持水平滚动