1、官网下载
pdf.js下载地址

1646116868(1).jpg
这边我选择下载的for older browsers版本。
下载后解压目录如下:

1646117035(1).jpg
2、vscode运行
直接运行viewer.html是看不到效果的,在vscode中选择Open with Live Server或者部署到服务器上打开。
默认加载的是目录下的compressed.tracemonkey-pldi-09.pdf文件。
3、修改默认文件
在viewer.js中找到defaultUrl,将value置为空。如下:

1646117652(1).jpg
保存后就可以通过传参显示对应的pdf文件了
比如(这里的文件需要放置在同一目录下对应路径)
http://127.0.0.1:5500/pdfjs-2.13.216-legacy-dist/web/viewer.html?file=compressed.tracemonkey-pldi-09.pdf
4、访问跨域的pdf文件
在viewer.js中找到validateFileURL,将此方法调用注释掉,取消fileurl的验证。如下:

1646118283(1).jpg
保存后访问跨域的pdf文件就不会报错了
比如
http://127.0.0.1:5500/pdfjs-2.13.216-legacy-dist/web/viewer.html?file=https://www.gjtool.cn/pdfh5/git.pdf