eruda network一直empty的解决方法

背景

eruda是一个html模拟的控制台工具,类似于vconsole;不过eruda功能比vconsole更强。
最近在调试移动端的html,但是众所周知移动端没有控制台,所以用上了eruda调试页面。它可以很方便的显示log,network,location等等,算是一个低配版的chrome控制台。
但是在我调试的时候,network始终显示的empty。

排查问题

那么问题出在何方呢?
这怎么回事呢?然后我打开了eruda的github页面查看了demo,发现它的demo是可以正常显示network的,查看issues和搜索也未发现类似的问题。
然后我发现我同事也是用了该工具,且他的页面上是正常的,而我的页面则是从他的页面上跳过来的。
这时候我猜测是重复初始化导致的问题,是否第一次初始化的时候eruda拦截了network的,导致后面的无法显示呢?
在pc端查看network,果然发现eruda cdn引了两次,然后跳转过去查看html,在script下面有个eruda.init(),所以其实是init了两次。

解决问题

在我的多次实验下,最终解决方式如下:

  1. 首先不能加载该库js文件多次
  2. 判断是否已经init过eruda._isInit === true,是则eruda.destroy()
  3. eruda.init()

评论

0 / 800
全部评论()