资讯动态

确认h5页面原来逻辑的探索过程

发布时间:2026/10/22 2:17:35 来源:尧图企业网站定制
一、为什么要确认原来的页面逻辑因为同样的页面表现比如底部空缺出一个黑框区域并不能反推出是底部增加了一个黑框还是整个页面是个黑框上面的部分展示未覆盖完全特意预留的。或者是其他的情况组合显示出来二、开展方法总的方法分为两类黑盒直接从页面调试工具获取页面效果和对应代码的直接关系白盒从代码的角度获取逻辑路径一、黑盒使用开发者工具进行页面检查调试1、真机调试研究chrome开发工具如何连接手机连接手机需要开启调试已经开启但是还是offline问ai说是adb service需要重启有可能密钥没有更新。adb service重启后可以连接上但是无法加载目标H5查询说需要app开启webview模式查找安装包仍未能行问相关人员仍不可得。这条路终结2、模拟器模拟环境在chrome开发者工具中设置模拟器的ua为app的ua但是页面无法加载也没有看到日志。这条路终结3、加挂vconsole通过加挂vconsole可以查看页面的大小但是只能查看并不能很好的像pc端的工具那样进行页面和代码实时关联查看。这条路可以作为参考二、白盒从内部实现的角度进行逻辑确认1、逻辑梳理直接看代码进行逻辑路径梳理使用了ai工具辅助进行ai开始梳理的内容有遗漏经过多次沟通终于确认了基本逻辑2、代码模拟直接对代码中的环境判断是否为app修改为是然后在chrome开发工具的模拟器中进行展示发现可以显示出来经过页面审查发现了基本实现逻辑这条路有效总结一开始并不是这么清晰的几条路而是摸索遇到问题问询调整验证继续摸索后续摸索出来的一条路。

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑