最近工作中遇到要展示pdf的功能，找到了pdf.js這個插件，很好用，記一筆
首先，上官網：http://mozilla.github.io/pdf.js/
其次，這個插件可能在PC端使用的比較多，比較重量級，我的項目是app中使用的，通過外鏈展示pdf，目前自測無問題，有人反饋vivo某個版本貌似打不開（沒有具體看到情況），總之我還是覺得比較好用的。
最后，上使用方法：
1、先下載項目，可以去官網自行下載，也可以通過我的碼雲倉庫下載：https://gitee.com/hyser/pdf-js.git
2、pdfJs的目錄結構（如圖）：
build是一些核心文件，web中的viewer.html就是需要使用到的母版文件。
3、將整個文件夾放入自己的工程文件里，因為在使用的過程中要跳轉至母版文件，所以要注意文件的放置位置要方便使用。
4、代碼：
1）、可以直接通過a標簽的href跳轉：
2）、我的項目之前用的mui，打開方式為：
mui.openWindow({ id: 'pdf_detail', url:'../pdfjs/web/viewer.html?file='+url });
這里的url是后台返回的pdf存放地址。
注意：在用的過程中遇到了跨域的問題，於是大概在viewer.js文件的2100行上下注釋掉了以下代碼：
// if (origin !== viewerOrigin && protocol !== "blob:") { // throw new Error("file origin does not match viewer's"); //}
最終效果圖：
可以看到左側是縮略圖，右側菜單還有各項功能，小朋友們可以去使用一下，移動端還可以啟用手形工具，我的截圖里把部分功能隱藏了，大家可以來試試，歡迎使用后留言探討。
學習隨筆，如有不周，望請海涵，歡迎小伙伴們各種討論、指正。
路漫漫其修遠，腳步不要停！！！