一、H5真机调试
1.1 ios真机调试
| 操作 | 操作图示 |
|---|---|
| 1. 手机usb连电脑,在手机设置里面找到Safari->高级->打开javascriipt和网页检查器: | |
| 2. 打开电脑的Safari(需要mac),找到【开发】->xxx的iPhone注意: 如果没有【开发】选项,需要设置一下:a. 打开Safari,点击左上角导航栏上的Safari按钮,选择偏好设置;b. 进入到Safari偏好设置中,默认为通用设置;c. 点击高级设置,可以看到高级设置界面最下面有,在菜单栏中显示"开发"菜单的勾选框。 | |
| 3. 点击相应的页面,即可实时调试 |
1.2 android真机h5调试
android通过Charles抓https的请求比较麻烦,因为航旅的app默认不信任用户证书,要么需要root手机,要么需要android开发同事在network_security_config.xml配置文件上加上:
<!--信任用户证书→
另辟蹊径,通过chrome配置真机调试:
| 操作 | 操作图示 |
|---|---|
| 1. 电脑连94.15的代理,因为android webview 调试html页面需要访问Google,否则会报4042. 手机usb连电脑,在chrome里输入chrome://inspect | |
| 3. 在手机app里打开h5,如上图会出现对应的页面链接,点击inspect,chrome会打开调试页面: |