网页兼容手机端适配问题

android

手机用USB线连接电脑，打开调试选项，并且手机也需要安装谷歌浏览器。在Chrome浏览器中输入chrome://inspect/#devices，就能看到手机端显示页面的路径信息了，注意只有H5页面才可以。然后点击inspect，进去之后就可以看到浏览器显示的手机端页面了，第一次进入可能需要翻墙。然后我们就可以很方便地定位问题，并且实时更改样式，验证自己的想法是否有效。

ios

在Safari浏览器中打开开发选项，虽然不能像Chrome浏览器那样看到UI界面，但是也能同步更改样式了。

修改测试环境的bug，如果改完反反复复发到测试环境就太麻烦了，可将手机的接口请求地址代理到本机node服务，这样改完代码就可以实时在手机中看到效果了，跟在浏览器中开发一样爽。如果遇到生产环境的问题，也可以尝试将访问地址放到浏览器中进行定位。