pdf.js自带有部分功能debug的工具,可以不用再源码里面,直接再url路径里面通过设置打开
要在pdf.js中传入自带的debug功能,需要在url的后面通过#
号跟功能的id即可,例如下面开启所有debug功能,那么就在url后面添加#pdfbug=all
即可
下面这个图是pdf.js的wiki上面所写的包含了debug的功能id,要使用对应的debug功能直接在url中添加即可,不同功能使用&
分割开
下面是打开了#pdfbug=all
之后会出现一个debug的右边栏,包含了3个子tab功能:
- pdf中的字体,能够查看当前pdf使用了哪些字体,并且可以download文件中的字体文件
- 能够一步步的查看pdf.js的执行过程,并且每一步都有标题显示在干什么,不用自己一个个的取打断点了,通过点击左边的checkbox,在刷新界面渲染的时候就会停止在这里,通过按键盘上的
c
会继续执行到下一个断点,按s
会执行下一步,能够一步一步的执行代码 - 是pdf的渲染时间的统计信息
所有功能
字体信息
一步步的进行断点
统计信息