当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实例化后会在页面出现一个按钮
点击之后会出现控制台(类似谷歌浏览器)。