移动端调试vConsole
作者:
秒速五厘米
我们在写webapp或者移动端网页需要嵌入到app时候,尤其是在APP内置的webView上加载我们的页面,想要查看手机浏览器信息是非常困难的事,当出现问题的时候,你又不能查看日志,一般会连接本地测试环境,然后在alert来打印日志(这种做法太蠢了),然后一遍一遍的定位bug,修改代码。使用eruda之后感觉爽爆了,解决了这个问题,这个工具就想电脑端的devtools,可以查看日志,网络,页面,Resources等
在每个页面
<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole(); // 初始化
console.log('Hello world');
</script>
我们在项目的入口引用这个文件就可以
npm install vconsole
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
var vConsole = new VConsole(); // 初始化
console.log('Hello world');