移动端console.log()调试

在微信或app进行开发的时候，没法直接查看console.log的输出内容，调试起来简直太痛苦了。

1.笨笨的方法

fiddler抓请求；追加dom节点，显示调试信息。

var div =document.createElement("div");div.innerText = '333';document.body.appendChild(div);

2.vConsole

近期，发现的一个超级好用的插件，已开源，也有npm包。

使用方法：

在*.html文件中，写入如下代码：

<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
<script>
　　var vConsole = new VConsole();
　　console.log('Hello world'); 
</script>

使用cdn资源，省去了在项目中引用js文件，即加即用，调试结束，可直接删除。

vConsole初始化成功后，页面右下角，会出现一个按钮，点击后，显示一个类似chrome的控制台。

在app中的使用，待实践......

github传送门：https://github.com/Tencent/vConsole

 

转载于:https://www.cnblogs.com/yuxina/p/9713920.html