h5插件_h5页面嵌入客户端调试

当h5页面嵌入客户端之后，若是遇到问题无法调试，比如点击按钮无反应 ---> 但是开发却看不到控制台、看不到接口返回值...

此时可以使用调试工具来查看...

edura

• 引入1

   <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
   <script>eruda.init();</script>

  每次打开页面需要先加载edura，会导致页面渲染比较慢(存在白屏)

• 引入2

  // 下载
  npm i edura

  // 引入
  import eruda from 'eruda'
  eruda.init()

  比较"引入1"而言更友好

• 使用

  eruda.init方法调用之后会在页面出现一个按钮
  

  点击之后会出现控制台(类似谷歌浏览器)。

vconsole

• 下载

  npm install vconsole

• 引入

   import Vconsole from 'vconsole';
   new Vconsole()

• 使用
  new Vconsole实例化后会在页面出现一个按钮
  
  点击之后会出现控制台(类似谷歌浏览器)。