雖然H5頁面可以通過A直接訪問html 但可惜的是 手機端H5頁面這樣做就直接變下載了
那么想要實現手機端的pdf文件預覽就需要用到pdf.js了
首先 我們訪問地址 http://mozilla.github.io/pdf.js/

或者你也可以在我的資源中下載
https://download.csdn.net/download/weixin_45966674/69298036

下載完成后我們在下載的東西中找到 pdfjs文件夾 和 php.js
就這兩個東西就夠了
然后我們在頁面中引入
php.js

<script type="text/javascript" src="./php.js"></script>

不要盲目復制哦 注意自己的文件路徑

然后我們在js中展開pdf文件

window.location.href = "./pdfjs/web/viewer.html?file=" + "http://file.lanxili.vip/Portal/20211210/f30f8266a93b4cf9bc1eebbdc971719c.pdf"

這個也要看著理性復制哦 注意自己項目中viewer.html的路徑 別路徑錯找不到問題
viewer.html主要就是用來展示pdf文件的
然后我們打開頁面就能看到完美的pdf效果了

總結

以上是生活随笔為你收集整理的手机端pdf文件预览pdf.js使用方法详解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。