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 的页数较多，可以增加服务器带宽，否则加载会很慢。

多端手机网页中直接打开PDF文档相关推荐

利用pdf.js在手机端网页中直接打开PDF文档
在项目中用到了需要在手机端直接打开PDF文档的情况,借鉴网友们的意见使用了pdf.js,测试了一下简单好用,下面是使用例子 <!DOCTYPE html> <html> < ...
批量下载网页中所有的PDF文档
某日要下载网页中所有的PDF文档,大约400个.作为计算机专业的学生,显然不能手工去下载啊!!!于是在网上找到了相关的批量下载文档脚本,众里寻他千百度,终于在一篇博客http://blog.csdn. ...
linux中常用打开pdf文档指令软件
在linux系统中,常用的打开pdf文档的指令代码 evince xxx.pdf acroread xxx.pdf okular xxx.pdf adobe xxx.pdf
Python抓取单个网页中所有的PDF文档
Github博文地址,此处更新可能不是很及时. 1.背景最近发现算法以及数据结构落下了不少(其实还是大学没怎么好好学,囧rz),考虑到最近的项目结构越来越复杂了,用它来练练思路,就打算复习下数据结构 ...
手机打开PDF文档中文英文支持（乱码问题）解决攻略
手机打开PDF文档中文英文支持(乱码问题)解决攻略参考文章: (1)手机打开PDF文档中文英文支持(乱码问题)解决攻略 (2)https://www.cnblogs.com/seachal/p/52 ...
如何在ASP.NET Core 中快速构建PDF文档
比如我们需要ASP.NET Core 中需要通过PDF来进行某些简单的报表开发,随着这并不难,但还是会手忙脚乱的去搜索一些资料,那么恭喜您,这篇帖子会帮助到您,我们就不会再去浪费一些宝贵的时间. 在本 ...
mysql适合储存高清电影的数据类型_下列数据类型中适合存储PDF文档的是( ) (5.0分)_学小易找答案...
[单选题]咯血的特点不正确的是 [单选题]下面关于SHOW TABLES LIKE 't%'描述错误的是( ) (5.0分) [单选题]下列删除itcast数据库的sql语句中,正确的是 (5.0分) ...
Android默认优先使用WPS打开PDF文档
使用第三方App打开PDF文档,当选择使用WPS时,出现提示获取文档类型,一直打不开的情况. 解决办法,首先检测是否安装了WPS软件.如果安装了,则用WPS打开,否则,使用默认工具打开. 具体实现如下 ...
手机如何打开PDF文档并分类整理？
我们日常经常需要使用手机查看各种PDF文件,尤其是电子书,那么用手机怎样才能打开PDF文件呢?能不能将需要查看的文档进行分类整理呢? 首先手机打开PDF文件需要安装PDF阅读器,比如我们安装极速PDF ...

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