移动端页面、微信小程序在web浏览器调试(安卓可行)


移动端页面调试想看一些log信息不太方便,之前用过vconsole,相当于移动端的调试工具,也能解决一定的问题,今天介绍另一种解决方案:Edge(edge://inspect/#devices)
Chrome(chrome://inspect/#devices)

如何使用

通过USB连接手机到电脑

通过数据线把手机连接到电脑,打开开发者模式,各个手机打开方式可能不太一样,大同小异,后续另起一篇文章介绍

移动端网页调试

如果开发的是移动端网页 可以使用浏览器自带浏览器(其他浏览器貌似不行,有些手机厂商修改了底层代码,自带的浏览器也可能不行,具体原因也不太清楚,有了解的小伙伴欢迎在评论区分享

小程序页面调试
  1. 小程序需要在微信中打开(把链接在微信中发送,点击打开就是了)

  2. 需要开启小程序调试 在微信打开一下这个链接 debugxweb.qq.com/?inspector=… 开启小程序调试 出现如下页面就可以了

  3. 在微信中打开你的小程序链接(或者随便一个公众号也可以)刷新之前的页面

  4. 点击链接下面的inspect会打开一个弹窗,这时的页面和手机页面是联动的(滚动、跳转都是同步的)

移动端页面、微信小程序在web浏览器调试移动端页面调试想看一些log信息不太方便,之前用过vconsole,相当于移动端 - 掘金


文章作者: 周master
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 周master !
  目录