需求: 用户可以在H5页面打开pdf预览，当用户翻到pdf最后一页时，准许点击进行下一步，保证用户浏览整个PDF文件。
挺正常得需求，但是本人查阅了能查到得所有资料，前后使用了VUE-PDF，PDFH5等插件，发现并不能满足需求。
下面简单讲述一下相关插件得功能和一些使用方法：
1.vue-pdf
vue-pdf插件较容易上手，看过一篇文档或者GIT得同学相信都会很快用起来。在这里为大家奉上以为同学得链接，写的很实用，也比较清晰
https://blog.csdn.net/qq_41653151/article/details/115001236
本人也按照上述作者得思路成功实现了部分功能。
但是！！但是！！但是！！！
vue-pdf 目前提供得用法要么是用户一页一页得翻页，不能手动滑动。要么就是可以滑动，但是不能标记当前滑动的页数。
如果使用vue-pdf，需要再去改相关得源码，本人思考再三决定放弃这种做法。
2. pdfh5
经过寻找（baidu),本人又发现了第二个插件，没错，那就是pdfh5，一路搜索，找到了项目地址。
https://www.gjtool.cn/archives/pdfh5
虽说由于作者精力有限，项目现在已经不更新了。但是本人坚持阅读了使用文档，发现还是可以满足现有得需求得，于是就开始准备使用
一顿操作之后，项目跑起来之后，大部分得功能实现了。但是仍然存在一些问题，比如pdf页数计数不准确，用户滚动时页面不流畅，缩放卡顿。
经过一番考虑，本人还是放弃了这个插件。
3.PDF.JS
后面实在没有办法，只好回到pdf.js本身来，打算根据pdf.js来封装一个满足自己得工具。项目地址如下：
https://mozilla.github.io/pdf.js/
当前版本：2.15.349
按照使用说明，一步步做下来，发现是可以正常显示pdf文件的。只不过是通过一个iframe来显示。
但是发现在微信浏览器环境下，pdf打开异常，无法正常浏览。
一番寻找之后，发现是当前使用的版本过高导致的，无奈，只好再去下低版本（2.4以下），但是官方只给了source，没有给prebuild，需要自己根据项目去构建，于是就又去了解了一下构建的步骤，之后又因为本人的node版本过高，无法构建项目，最后只能降node版本。
（啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊...................................................................
最后的最后，本人发现有热心的同学已经保存了构建好的包，于是，你们懂的...................)
这些曲折的过程大概花了我一天的时间，最后终于在微信环境下成功打开。
接下来就是测试功能了。
读了pdf.js的源码，发现功能很丰富，大部分常用的功能都实现了，只是需要自己从源码中抛出就可以了。
本人根据需求，分别注释掉了一些不需要的功能，譬如打印，选中等。改写了用户滑动抛出页数的方法，终于完美实现了功能。
下面贴一下用户滑动时页数改变的方法名，如果有需要，同学们可以根据自己的需求去改（源代码）
function webViewerPageChanging(evt) {
console.log(window.parent);
//window.parent.postMessage('不在', '*');
//console.log("151515151515");
///console.log(evt.pageNumber);
var page = evt.pageNumber;
PDFViewerApplication.toolbar.setPageNumber(page, evt.pageLabel || null);
PDFViewerApplication.secondaryToolbar.setPageNumber(page);
if (PDFViewerApplication.pdfSidebar.isThumbnailViewVisible) {
PDFViewerApplication.pdfThumbnailViewer.scrollThumbnailIntoView(page);
}
if (typeof Stats !== "undefined" && Stats.enabled) {
var pageView = PDFViewerApplication.pdfViewer.getPageView(page - 1);
if (pageView && pageView.stats) {
Stats.add(page, pageView.stats);
}
}
}
