移动端h5调试方法

前移动端调试方法

1、借助强大的chrome浏览器,按F12开启开发者模式,什么样式还有js断点都可以搞定
  • 代码里面写入debugger
  • 弹框给出提示
2、如果是app中内嵌的h5页面,则麻烦一点。如果是安卓,app开启debug的情况下,用数据线连接电脑,打开chrome,输入:chrome://inspect/#devices,驱动安卓成功的话,将 Android 设备上的内容抓屏到您的开发计算机上的 DevTools 实例中。
3、利用代理工具,比如dpy-debugger,能解决https代理问题,内部有weinre,Weinre(Web Inspector Remote)是一款基于Web Inspector(Webkit)的远程调试工具, 它使用JS编写, 可以让我们在电脑上直接调试运行在手机上的远程页面。 与传统的Web Inspector的使用场景不同, Weinre的使用场景如下图, 调试的页面在手机上, 调试工具在PC的chrome, 二者通过网络连接通信; 代理anyproxy,能够代理调试https
【移动端h5调试方法】4、微信调试web调试工具,可以调试微信js的一些功能
微信开发步骤:
  • 微信公众号配置安全域名(不能带端口号)
  • 前端配置appID等信息,配置apiList权限列表
  • 直接调用微信js方法

    推荐阅读