移动端h5调试查看log

• 最近在开发h5,发现一个非常不方便的问题，就是调试h5在手机上查看，没有查看log，所以就会出现一些问题，你不知道怎么问题出现在哪个地方，没有办法通过log来查看，当然，有人可能会说用web浏览器自带的移动端调试工具，或者用小程序开发工具调试，起初我也是这么想的，直到我遇到一个解决视频自动同时播放的需求，发现浏览器的内核不同，导致对一些功能性的api支持也不相同，说白了，就是有些东西，在web移动端调试是可以的，但是手机浏览器实际运行是不行的，尤其是微信浏览器这个反人类的x5内核。
• 针对这个情况的解决办法就是尽量使用手机来调试h5，手机来查看log，第一种在微信浏览器打开网址http://debugx5.qq.com，勾选console功能，就能在微信浏览器查看log。

注意只能x5内核的浏览器有效。

• 在其它的浏览器，就需要借助一些工具了，在项目的html中引入https://s.url.cn/qqun/qun/qqweb/m/qun/confession/js/vconsole.min.js就可以了，在手机上就能看见一个vConsole的绿块，打开就能看到log.

  <script src="https://s.url.cn/qqun/qun/qqweb/m/qun/confession/js/vconsole.min.js "></script>

image.png