android
手机用USB线连接电脑,打开调试选项,并且手机也需要安装谷歌浏览器。在Chrome浏览器中输入chrome://inspect/#devices
,就能看到手机端显示页面的路径信息了,注意只有H5页面才可以。然后点击inspect,进去之后就可以看到浏览器显示的手机端页面了,第一次进入可能需要翻墙。然后我们就可以很方便地定位问题,并且实时更改样式,验证自己的想法是否有效。
ios
在Safari浏览器中打开开发选项,虽然不能像Chrome浏览器那样看到UI界面,但是也能同步更改样式了。
修改测试环境的bug,如果改完反反复复发到测试环境就太麻烦了,可将手机的接口请求地址代理到本机node服务,这样改完代码就可以实时在手机中看到效果了,跟在浏览器中开发一样爽。如果遇到生产环境的问题,也可以尝试将访问地址放到浏览器中进行定位。