1. 微信开发者工具调试

微信开发者工具下载
不过多介绍, 下载安装, 就能开始小程序开发和公众号网页开发.

2. 微信内自带调试

微信内打开网页
http://debugx5.qq.com (仅支持Android微信)
打开下面两项，就可以调试了

3. 使用vConsole插件

1. 下载vConsole插件
https://github.com/Tencent/vConsole/tree/dev/dist
页面引用js文件, 然后添加以下代码

// 初始化vConsole
window.vConsole = new window.VConsole({defaultPlugins: ['system', 'network', 'element', 'storage'], // 设定要默认加载的面板maxLogNumber: 1000,onReady: function() {console.log('vConsole is ready.');},onClearLog: function() {console.log('on clearLog');}
});

2. 使用 unpkg 的 CDN 直接插入到 HTML

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
<script>// VConsole 默认会挂载到 `window.VConsole` 上var vConsole = new window.VConsole();
</script>

ps: 更多使用方法见: https://github.com/Tencent/vConsole/blob/dev/README_CN.md

愉快的开发吧( ﹡ˆoˆ﹡ )