移动端页面调试想看一些log信息不太方便,之前用过vconsole,相当于移动端的调试工具,也能解决一定的问题,今天介绍另一种解决方案:Edge(edge://inspect/#devices)
Chrome(chrome://inspect/#devices)
如何使用
通过USB连接手机到电脑
通过数据线把手机连接到电脑,打开开发者模式,各个手机打开方式可能不太一样,大同小异,后续另起一篇文章介绍
移动端网页调试
如果开发的是移动端网页 可以使用浏览器自带浏览器(其他浏览器貌似不行,有些手机厂商修改了底层代码,自带的浏览器也可能不行,具体原因也不太清楚,有了解的小伙伴欢迎在评论区分享)
小程序页面调试
-
小程序需要在微信中打开(把链接在微信中发送,点击打开就是了)
-
需要开启小程序调试 在微信打开一下这个链接 debugxweb.qq.com/?inspector=… 开启小程序调试 出现如下页面就可以了
-
在微信中打开你的小程序链接(或者随便一个公众号也可以)刷新之前的页面
-
点击链接下面的inspect会打开一个弹窗,这时的页面和手机页面是联动的(滚动、跳转都是同步的)
移动端页面、微信小程序在web浏览器调试移动端页面调试想看一些log信息不太方便,之前用过vconsole,相当于移动端 - 掘金