2018-05-26 手机页面如何调试

image.png

方法一：
本地电脑开http-server服务，会有一个局域网IP地址（带有端口号）

image.png

手机浏览器访问这个地址（同一个wifi下）
手机上没有log
怎么办？
在电脑上对应页面的代码里加alert

image.png

image.png

还可以在上面基础上监听onerror事件

image.png

image.png

image.png

方法二：
自己写个console.log

image.png

样式最下面加个div
在代码里再写console.log('xx')

image.png

image.png

image.png

image.png

image.png

或者加一个库vconsole（不用写上面的代码了）

image.png

把vconsole.min.js拷贝过去，并引入

image.png

然后在代码里初始化一下

image.png

再在代码里写console.log
手机端就可以显示了

image.png

image.png

点开vconsole

每个页面都可以引入vconsole