移动端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

4、微信调试web调试工具，可以调试微信js的一些功能
微信开发步骤：

• 微信公众号配置安全域名(不能带端口号)
• 前端配置appID等信息，配置apiList权限列表
• 直接调用微信js方法