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

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

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

edura

• 引入1

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

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

• 引入2

  // 下载
  npm i edura
  1
  2

  // 引入
  import eruda from 'eruda'
  eruda.init()
  1
  2
  3

  比较”引入1“而言更友好

• 使用

  eruda.init方法调用之后会在页面出现一个按钮
  
  点击之后会出现控制台(类似谷歌浏览器)。

vconsole

• 下载

  npm install vconsole
  1

• 引入

   import Vconsole from 'vconsole';
   new Vconsole()
  1
  2

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