pfd.js使用方法

使用场景 项目需求 webview嵌入页 直接使用iframe 标签嵌入pdf文件链接 在webview中直接不显示 在谷歌浏览器正常 在安卓移动端浏览器 直接显示下载pdf文件 经测试 下面步骤完全可以使 安卓和ios webview嵌入页正常显示和操作

下载包 http://mozilla.github.io/pdf.js/getting_started/#download
第一步：

第二步
解压包

第三步：
把这个 解压完的包 重命名pdfjs ，上传到 你pdf文件所在的服务器 比如说 oss等

第四步：
打开 你这个服务器的网址 我这里上传完得到的 oss 网址

这个文件打开成功 你就完成了一半了 如果没打开 请看前三步

第五步
在链接后面 拼上你的 pdf文件链接 未成功 请看前四步

效果图如下

如何在页面中 加载呢?
这里使用了iframe标签
把第五步的url写入
let pdf = ‘<iframe src=’ + url + ’ style=“position: fixed;” frameborder=“no” border="0"marginwidth=“0” marginheight=“0” scrolling=“no” allowtransparency=“yes” height=“100%” width=“100%”>’
$(’#main’).append(pdf)

简单实现