大家都很熟悉,网页可以保存为 PDF 这种便于阅读的文档。相较于直接截图的好处在于,PDF 里的文字在移动设备上被放大数倍仍会清晰地显示。
但一般来说,默认的保存方式并不完美——不论网页尺寸而直接将内容存放至默认为 A4 纸大小的 PDF 里面——这样得到的一份 PDF 很难以阅读,不仅充斥着网页的所有信息,版式也不尽人意,尤其是在移动设备上的显示效果。
其实,想要将网页储存为合适大小的 PDF,利用 macOS 自带的 Safari 和预览就能轻松完成。
第 1 步 | 在 Safari 中依照网页尺寸保存 PDF
影响阅读的,其实往往是——那些本是一个整体的部分,被保存在了 PDF 里的两个甚至多个页面内。原因在于,这个整体在网页的位置,正好对应在了 PDF 内跳转至下一张 A4 纸地方,也就是一张 A4 纸的高度显然不够存放整个网页。所以,我们需要修改目标 PDF 的尺寸。然而,文件
导出为PDF...
这个操作并不支持修改目标 PDF 的尺寸。

其实正确的操作为 文件
打印...
(或者对应的快捷键 ⌘P
)。这时候会弹出下面这个界面。

注意到“纸张大小”这一栏。在下拉栏中,点击 管理自定义大小...
就可以设定一个自由的打印尺寸。

点击 +
,开始自定义打印的纸张大小。一般来说,宽度设定为 180~220 毫米非常合适,而高度应该设定为超过网页长度的值。这个值不用非常确切,它的目的在于把当前网页打印到一张纸上。
以少数派网站首页为例,我设定了 190 × 2000 的尺寸,并且省去了不可打印的部分以减少白边(如果不是保存整个网页的话,这一步可以跳过,后面会介绍原因),点击 好
将它保存为以后可以直接选择的设定。


接下来,我们已经可以看到打印效果的预览图。但我们并不是真的要将这个网页打印出来,所以这个时候,点击左下角写着“PDF”的下拉栏,惊喜地发现 储存为 PDF...
隐藏在这里。选好路径,保存,就已经拥有了一份自定义大小的网页 PDF。

第 1 步小结:
-
文件
打印...
(或者对应的快捷键⌘P
) - 在“纸张大小”下拉栏中,
管理自定义大小
+
设定尺寸好
选择设定的纸张尺寸 - 在“PDF”下拉栏中,
储存为 PDF...
第 2 步 | 在预览中剪裁出需要的部分
macOS 自带的预览应用其实非常强大。用预览打开刚刚保存的 PDF,注意到工具栏里的 显示工具栏按钮
(logo是一个工具箱),选择第二行的 矩形选择
(虚线方框),选出需要保留的部分,点击 剪裁
,最后 文件
储存
(或对应的快捷键 ⌘S
),大功告成!

第一次使用预览剪裁 PDF 时,应用会提示剪裁效果仅在预览可见。其实,只要保存了,这份文档就已经被剪裁。你可以另用 Safari 查看剪裁后的 PDF,确认是否保存。刚刚说省去不可打印的部分并非必要,原因就在于,也可以利用预览实现白边的剪裁。
第 2 步小结:
- 用预览打开刚刚保存的 PDF,在工具栏里的
显示工具栏按钮
(logo是一个工具箱) - 选择第二行的
矩形选择
(虚线方框),选出需要保留的部分,剪裁
- 最后
文件
储存
(或对应的快捷键⌘S
)
对比 | 选择合适的方式
直接截图与剪裁网页 PDF 的区别:前者方便快捷,适合即时信息的传递;后者相对繁琐,但能得到精致的文档内容,适合长期使用。不同的情况下,根据自己需要,选择合适的信息保存方式。

附加 | 适用于移动设备的网页怎么操作
首先,iOS 自带的 Safari 也可以实现将网页保存为 PDF。
第一种方法:将 PDF 储存到“iBooks”
或是拷贝至其他应用程序。这样得到的 PDF 就是默认的那种。

第二种方法:打印
,筛选需要保留的页面,(没有看到储存为 PDF 的相关选项?是的,因为接下来你需要 3D Touch)按压屏幕两次进入预览界面,点击左下角的分享按钮,用“iBooks”导入
。

但这样不能自定义 PDF 的大小,所以还是要回到 macOS。
第三种方法:(Safari 菜单栏中)Safari
偏好设置
高级
勾选“在菜单栏中显示‘开发’菜单”。然后 开发
用户代理
选择合适的设备类型。重新加载网页,就会变成移动版的样子。接着就可以利用之前的操作,来制作合适大小的 PDF。

下图以知乎为例,对比不同用户代理的显示效果。(选择 用户代理 为 Safari—iOS 10—iPhone 后调整 Safari 窗口宽度就能得到类似 iOS Safari 的显示效果)


结语
虽然过程看起来比较繁琐,但熟练之后,操作起来相当容易。特别是储存网页上的表格时,得到的效果相当令人满意(比如,储存我在教务处网站上查询到的课程表)。
希望这个技巧能帮到大家,利用 macOS 自带的 Safari + 预览,将网页储存为合适大小的 PDF,随时阅读!