Mac 上的 Safari 没有整页截图命令。最接近的内置选项是 PDF:选择 File(文件)> Print(打印),点击对话框底部的 PDF,然后保存文件。如需图片文件,Safari 的 Web Inspector 可以截取页面中的单个元素。OpenScreenShot 没有 Safari 版本。Safari 从 Mac App Store 安装 Safari Web Extensions,无法安装 Chrome 应用商店 或 Firefox 附加组件的安装包。在 Mac 上,Chrome、Firefox、Edge 和其他浏览器可以运行 OpenScreenShot。
内置方法
将页面存为 PDF
Apple 在 Print or create a PDF of a webpage in Safari 中介绍了这种方式。
- 打开你要保存的页面。
- 把页面滚动一遍,让延迟加载的图片加载完成。
- 选择 File(文件)> Print(打印)。
- 要保留页面的颜色,请在打印选项中开启背景图片和颜色的打印。你也可以在页眉和页脚中加入网址和日期。
- 点击对话框底部的 PDF 并保存文件。
在 Web Inspector 中截取元素
- 选择 Safari > Settings(设置)> Advanced(高级),然后选中 Show features for web developers(显示网页开发者功能)。WebKit 在 Enabling Web Inspector 中说明了这一点。
- 打开页面,按
Option+Cmd+I打开 Web Inspector。 - 在 Elements(元素)标签页中,右键点击一个节点,例如
<html>或<body>,然后选择 Capture Screenshot(截取屏幕快照)。 - Safari 把该节点的快照保存为文件。
Apple 没有说明截取 <html> 时是否包含页面可见部分以下的内容,也没有说明它写入哪种图片格式。依赖这个文件之前,请先检查它。
局限
- 没有整页图片:这两种方式都无法得到整页截图工具生成的那种截图。PDF 是页面的打印版本,Web Inspector 中的选项只截取一个节点。
- 打印版式:PDF 使用打印版式,因此文件中的页面可能与屏幕上的页面看起来不同。如果设计依赖背景图片和颜色,请开启它们。
- 懒加载:标记为
loading="lazy"的图片只在你滚动到附近时才加载。请先把页面滚动一遍再打印或截图,否则部分区域可能是空白。 - 内部滚动容器:有开发者反映,当页面在固定高度外壳内滚动一个面板时,WebKit(Safari 所用的引擎)中的自动整页截图只显示一屏高度。对于采用这种结构的页面,请仔细检查。
- 吸顶页头:请检查结果中的页头是否缺失、重复或位置错误。
使用 OpenScreenShot
OpenScreenShot 不支持 Safari。如果同一台 Mac 上装有 Chrome、Firefox、Edge、Brave、Opera、Vivaldi 或 Arc,请在其中打开页面并使用这款扩展。Chrome 和其他 Chromium 浏览器从 Chrome 应用商店安装它。Firefox 从 Firefox Add-ons 安装它。
- 在其他浏览器中安装 OpenScreenShot,并把它的图标固定到工具栏。
- 打开页面并点击图标。在 Chrome 中,
⌘⇧S也可以开始整页截图。 - 在编辑器中检查结果。
- 点击保存图片并选择 PNG、JPEG、WebP 或 PDF。
这款扩展滚动页面,把各部分拼接成一张图片,并只在顶部放置一次固定页头。高度超过 32,000 设备像素的页面最多保存为六张图片。Chrome 指南和 Firefox 指南分别给出了各浏览器的步骤,包括它们自带的内置工具。
如何选择
- 如需保留文章或收据页面的可读副本,请在 Safari 中使用 File(文件)> Print(打印)> PDF。
- 如需页面中某一部分(例如卡片或图表)的图片,请使用 Web Inspector 的 Capture Screenshot(截取屏幕快照)。
- 如需可以标注的整页图片,或者与屏幕显示一致的页面 PDF,请在 Mac 上的其他浏览器中使用 OpenScreenShot。截图转 PDF 指南比较了 PDF 版式,保存页面的可视副本介绍了命名和存储。
其他问题请参阅支持与已知限制。