申请/专利权人：易方信息科技股份有限公司

申请日：2024-01-05

公开（公告）日：2024-04-09

公开（公告）号：CN117520690B

主分类号：G06F16/957

分类号：G06F16/957;G06F8/38

优先权：

专利状态码：有效-授权

法律状态：2024.04.09#授权;2024.02.27#实质审查的生效;2024.02.06#公开

摘要：本发明公开了一种基于CSS样式预渲染对比的UI自动化方法及相关装置，其中，所述方法包括：基于前端代码仓库获取代码文件，并对所述代码文件进行解析，获得标签数据库和样式数据库；基于所述标签数据库和样式数据库构建预渲染页面；基于自动化执行代码获取元素截图；基于所述元素截图对所述预渲染页面进行视觉样式匹配，并基于视觉样式匹配结果获取对应的标签结构；基于对应的标签结构构建元素表达式，并基于所述元素表达式利用自动化执行代码获取DOM节点，基于所述DOM节点进行自动化任务。本发明不仅可以更准确且快速地定位页面元素，并且降低了维护成本和提高了代码执行的稳定性。

主权项：1.一种基于CSS样式预渲染对比的UI自动化方法，其特征在于，所述方法包括：基于前端代码仓库获取代码文件，并对所述代码文件进行解析，获得标签数据库和样式数据库；基于所述标签数据库和样式数据库构建预渲染页面，所述基于所述标签数据库和样式数据库构建预渲染页面，包括：创建HTML文件，利用标签数据库中的标签信息根据预设顺序对HTML文件中的页面进行渲染，并基于样式数据库中的样式信息利用CSS解释器对所述标签信息进行样式渲染，通过样式信息与标签信息的渲染结合生成渲染树，对所述渲染树进行布局，基于所述渲染树的布局确定渲染页面所需的节点，基于渲染页面所需的节点确定每个渲染样式的标签在页面上的具体位置，输出经过样式渲染的相关标签的布局，基于经过样式渲染的相关标签的布局进行页面渲染，获得预渲染页面；基于自动化执行代码获取元素截图；基于所述元素截图对所述预渲染页面进行视觉样式匹配，并基于视觉样式匹配结果获取对应的标签结构，所述基于所述元素截图对所述预渲染页面进行视觉样式匹配，并基于视觉样式匹配结果获取对应的标签结构，包括：选取对应的样式规则，根据选择器利用对应的样式规则和元素截图获取元素的索引信息，基于元素的索引信息利用预设组合的选择器搜索满足预设相似度阈值的元素，若搜索到满足预设相似度阈值的元素，则从所述标签数据库返回对应的标签结构；基于对应的标签结构构建元素表达式，并基于所述元素表达式利用自动化执行代码获取DOM节点，基于所述DOM节点进行自动化任务。

全文数据：

权利要求：

百度查询： 易方信息科技股份有限公司 基于CSS样式预渲染对比的UI自动化方法及相关装置

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD