Safari + 预览,将网页转化为自定义尺寸 PDF | 一日一技

乌图米

乌图米

17
目录
  1. ${ item.innerText }

大家都很熟悉,网页可以保存为 PDF 这种便于阅读的文档。相较于直接截图的好处在于,PDF 里的文字在移动设备上被放大数倍仍会清晰地显示。

但一般来说,默认的保存方式并不完美——不论网页尺寸而直接将内容存放至默认为 A4 纸大小的 PDF 里面——这样得到的一份 PDF 很难以阅读,不仅充斥着网页的所有信息,版式也不尽人意,尤其是在移动设备上的显示效果。

其实,想要将网页储存为合适大小的 PDF,利用 macOS 自带的 Safari 和预览就能轻松完成

第 1 步 | 在 Safari 中依照网页尺寸保存 PDF

影响阅读的,其实往往是——那些本是一个整体的部分,被保存在了 PDF 里的两个甚至多个页面内。原因在于,这个整体在网页的位置,正好对应在了 PDF 内跳转至下一张 A4 纸地方,也就是一张 A4 纸的高度显然不够存放整个网页。所以,我们需要修改目标 PDF 的尺寸。然而,文件 导出为PDF... 这个操作并不支持修改目标 PDF 的尺寸。

默认导出的 PDF 硬生生的划开了一个板块

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

新大陆?

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

点击   +   ,开始自定义打印的纸张大小。一般来说,宽度设定为 180~220 毫米非常合适,而高度应该设定为超过网页长度的值。这个值不用非常确切,它的目的在于把当前网页打印到一张纸上。

以少数派网站首页为例,我设定了 190 × 2000 的尺寸,并且省去了不可打印的部分以减少白边(如果不是保存整个网页的话,这一步可以跳过,后面会介绍原因),点击   好   将它保存为以后可以直接选择的设定。

高度大一点也没关系
原来在这里

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

美容前 | 美容后

第 1 步小结:

  1.  文件 打印... (或者对应的快捷键 ⌘P )
  2. 在“纸张大小”下拉栏中, 管理自定义大小  + 设定尺寸  选择设定的纸张尺寸
  3. 在“PDF”下拉栏中,储存为 PDF... 

第 2 步 | 在预览中剪裁出需要的部分

macOS 自带的预览应用其实非常强大。用预览打开刚刚保存的 PDF,注意到工具栏里的 显示工具栏按钮(logo是一个工具箱),选择第二行的 矩形选择(虚线方框),选出需要保留的部分,点击 剪裁,最后 文件 储存(或对应的快捷键 ⌘S ),大功告成!

选好区域 | 剪裁后

第一次使用预览剪裁 PDF 时,应用会提示剪裁效果仅在预览可见。其实,只要保存了,这份文档就已经被剪裁。你可以另用 Safari 查看剪裁后的 PDF,确认是否保存。刚刚说省去不可打印的部分并非必要,原因就在于,也可以利用预览实现白边的剪裁。

第 2 步小结:

  1. 用预览打开刚刚保存的 PDF,在工具栏里的 显示工具栏按钮(logo是一个工具箱)
  2. 选择第二行的 矩形选择(虚线方框),选出需要保留的部分, 剪裁 
  3. 最后 文件 储存 (或对应的快捷键 ⌘S )

对比 | 选择合适的方式

这个小技巧来源于生活。我是一名大学生,我们的教学课表由教务处公布在校内网页上。一开始我将整个网页保存为 PDF 时,课表被拆分在了两个界面,不美观。于是我想——能不能把它放在一个界面,避免课表被拆开?当然可以。实现后,我发现除了课表,网页上还有很多信息不是需要的,所以就想到了用预览对 PDF 进行剪裁。最终,得到了满意的 PDF 课表一份。

直接截图与剪裁网页 PDF 的区别:前者方便快捷,适合即时信息的传递;后者相对繁琐,但能得到精致的文档内容,适合长期使用。不同的情况下,根据自己需要,选择合适的信息保存方式。

截图 与 剪裁 PDF 放大后的效果对比

附加 | 适用于移动设备的网页怎么操作

首先,iOS 自带的 Safari 也可以实现将网页保存为 PDF

第一种方法:将 PDF 储存到“iBooks” 或是拷贝至其他应用程序。这样得到的 PDF 就是默认的那种。

iOS Safari 保存网页为 PDF 的两种方法

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

打印界面 | 预览界面 | 分享界面

但这样不能自定义 PDF 的大小,所以还是要回到 macOS

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

技中技:在 macOS 上浏览适用于移动设备的网页

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

用户代理:Safari 10.1(默认)
用户代理:Safari—iOS 10—iPhone

结语

虽然过程看起来比较繁琐,但熟练之后,操作起来相当容易。特别是储存网页上的表格时,得到的效果相当令人满意(比如,储存我在教务处网站上查询到的课程表)。

希望这个技巧能帮到大家,利用 macOS 自带的 Safari + 预览,将网页储存为合适大小的 PDF,随时阅读!



64

一日一技

一日一技

你可以在这里分享各种简单又实用的小技巧,它可能是一个系统的的操作技巧,也可能是某个 App 里的细节功能或用法。

已关注 关注

App 打开

商务合作

bd@sspai.com

网站反馈

feedback@sspai.com