app中的H5页面在部分手机中样式不兼容的排查

背景：我们的app是混合开发 使用flutter和H5页面组成

新开发的版本中有一个h5页面，在android9及android7部分机型中页面布局不兼容

排查不兼容的过程：

1.首先考虑是浏览器版本太旧

在手机的浏览器中访问：https://www.bejson.com/httputil/clientinfo/

可以再看看到浏览器的版本信息 浏览器版本114 算新版本

2.在看设备的webview信息  发现版本是62 比较旧  后面开发模拟该版本可以复现问题

3.对于远程设备 可以先adb远程链接

先adb远程连接 adb connect debug3.testin.cn:4456

在edge浏览器中访问： edge://inspect/#devices 远程连接该设备  开启本地调试模式