微信浏览器网页调试

微信web开发者工具

下载微信web开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html(支持小程序开发)

TIM截图20190326101132.png

微信自带调试

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

微信图片_20190326101434.jpg

浏览器调试

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

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

微信图片_20190326110529.jpg