求2018年适配iOS/Android的Phonegap/Cordova PDF显示插件（含自定义URI处理）

针对你提出的PhoneGap应用PDF显示需求，我整理了几个2018年可用的靠谱方案，应该能覆盖你所有的要求：

方案1：修复现有PDF.js的捏合缩放问题 #

既然你已经在使用PDF.js，其实不用直接换方案——可以通过添加手势库来解决缩放失效的问题：

• 引入hammer.js这类手势处理库，给PDF渲染的容器绑定捏合（pinch）手势事件
• 在手势回调里手动调整PDF的缩放比例，配合PDF.js的API来实现精确的缩放控制
• 自定义URI处理也很容易：PDF.js可以监听PDF内链接的点击事件，一旦检测到你的自定义URI格式，就阻止默认跳转，直接调用应用内的导航逻辑即可

这个方案的优势是不用更换现有技术栈，成本最低，而且完全跨平台。

方案2：使用cordova-plugin-inappbrowser #

你考虑的这个插件完全符合你的需求：

• 支持iOS和Android双平台，原生系统渲染PDF，自带捏合缩放功能，适配手机和平板毫无压力
• 自定义URI处理：可以通过监听loadstart事件，当检测到PDF内的自定义URI时，调用event.preventDefault()阻止外部跳转，然后执行你的应用内导航代码
• 单页显示：因为你自己制作PDF，只要确保每个PDF文件都是单页的，加载时设置toolbar=no等参数，就能让inappbrowser全屏显示单页PDF，不会出现多页滚动的情况

方案3：使用cordova-plugin-document-viewer #

这是2018年专门针对文档查看的Cordova插件，体验更原生：

• 原生渲染PDF，支持双平台，捏合缩放是原生自带的，流畅度比Web端方案更好
• 支持自定义URI拦截，你可以配置插件在检测到特定URI时触发应用内的回调
• 可以设置显示模式为单页，再配合你自制的单页PDF，完美满足仅显示单页的需求

总结建议 #

• 如果想尽量复用现有代码，优先尝试方案1修复PDF.js的缩放问题
• 如果追求更原生的用户体验，方案3的cordova-plugin-document-viewer是最佳选择
• 如果不想折腾复杂插件，方案2的cordova-plugin-inappbrowser轻量且能满足所有需求

内容的提问来源于stack exchange，提问作者Mani