一.下載下傳pdf.js
官網位址:
http://mozilla.github.io/pdf.js/
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIwczX0xiRGZkRGZ0Xy9GbvNGL2EzXlpXazxSerR1T4tGWlpXNywEMW1mY1RzRapnTtxkb5ckYplTeMZTTINGMShUYfRHelRHLwEzX39GZhh2css2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xyayFWbyVGdhd3LcV2Zh1Wa9M3clN2byBXLzN3btg3Pn5GcugzNxMDOzAjM4EzNwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
下載下傳穩定版本
解壓以後會看到如下檔案,将整個檔案夾部署到服務端,這裡我們先用本地服務進行測試,為了友善我們在hbuilder裡測試一下
發現可以加載預設的pdf
那麼怎麼顯示我們自己的pdf呢
需要在url上加上自己檔案的路徑
http://127.0.0.1:8020/new/web/viewer.html?file=../test/test.pdf
也可以是絕對路徑
http://127.0.0.1:8020/new/web/viewer.html?file=http://127.0.0.1:8020/new/test/test.pdf
三.修改title,
本地測試完畢,将檔案夾部署到測試伺服器
在手機端測試一下,開始我們打開pdf時直接跳到這url,發現頁面的title不是我們的pdf檔案名,然後我們打開代碼,根據我們的url對如下代碼做了适當調整
,
發現部分手機還會偶發設定不成功,由于我們是混合開發,可以調用原生設定 title的方法,最後我們吧url嵌套到一個iframe中,在iframe中打開這個url,調用原生設定title的方法,設定成功