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 @   乌拉小考  阅读(79)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示