pdf.js打开自带的debug工具

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功能:

  1. pdf中的字体,能够查看当前pdf使用了哪些字体,并且可以download文件中的字体文件
  2. 能够一步步的查看pdf.js的执行过程,并且每一步都有标题显示在干什么,不用自己一个个的取打断点了,通过点击左边的checkbox,在刷新界面渲染的时候就会停止在这里,通过按键盘上的c会继续执行到下一个断点,按s会执行下一步,能够一步一步的执行代码
  3. 是pdf的渲染时间的统计信息
    所有功能

    字体信息

    一步步的进行断点

    统计信息
posted @ 2024-06-14 18:09  乌拉小考  阅读(14)  评论(0编辑  收藏  举报