多端手机网页中直接打开PDF文档

1. 需求

接到一个需求，客户想在手机端的网页里直接能查看到 pdf 文档，一开始我的思路是加一个<a>标签让他跳转链接到 pdf 文档的地址，经过测试发现在 IOS 系统中，网页跳转之后直接打开了 pdf 文档，但是 Android 系统中跳转链接后却执行了下载。为解决这一问题，我们借助 pdf.js 工具，来实现无论在 IOS 端还是 Android 端都能正常打开 pdf 文档。

2. 优势

用 pdf.js 只需要改一行代码，就可以实现多端手机网页全都适应。

3. 解决

可以在 Github 下载 dovePdf，只需要修改 index.html 中第 104 行的请求地址即可。

4. 效果

Android效果：

IOS效果：

5. 注意

上线后，如果 pdf 的页数较多，可以增加服务器带宽，否则加载会很慢。