[发明专利]一种页面适配方法、系统及设备

权利要求书

1.一种页面适配方法，其特征在于，包括：

获取原始页面内容；

将所述原始页面内容解析成AST抽象语法树；

根据预设前端框架内容对所述AST抽象语法树中各项内容分别进行适配转换；

根据新增业务逻辑内容，在所述AST抽象语法树中添加新节点和内容，生成新AST抽象语法树，根据新AST抽象语法树的内容生成新页面内容；

还包括：

根据浏览器参数和终端参数，对所述AST抽象语法树中各项内容分别进行适配转换；

还包括：

将所述新页面内容写入预设链接对应的链接地址；

根据所述终端参数选择终端仿真机型；

在终端仿真机型中通过浏览器加载所述链接地址中的所述新页面内容，检测相应的页面适配效果和新增业务逻辑是否正常；

若正常，将所述新页面内容封装成网页；

若异常，根据所述预设前端框架内容、所述终端参数和所述浏览器参数对所述新AST抽象语法树中异常部分重新进行适配转换。

2.如权利要求1所述的页面适配方法，其特征在于，所述原始页面内容包括原始页面表现形式、原始页面业务逻辑和原始页面固定路由。

3.如权利要求1所述的页面适配方法，其特征在于，所述将原始页面内容解析成AST抽象语法树的过程包括：

根据原始页面内容解析原始页面游览器对象模型BOM、原始页面文档对象模型DOM和原始页面业务逻辑；

根据原始页面内容构建DOM树和CSS规则树；

根据所述DOM树、CSS规则树、原始页面BOM游览器对象模型、原始页面DOM文档对象模型和原始页面业务逻辑生成AST抽象语法树。

4.如权利要求1-3任一所述的页面适配方法，其特征在于，所述原始页面内容根据REMAUI、Pix2code模型和网页原型设计图，通过训练神经网络自动生成。

5.根据权利要求1-3任一所述的页面适配方法，其特征在于，所述根据新增业务逻辑内容，在所述AST抽象语法树中添加新节点和内容包括：

对所述AST抽象语法树中各项内容按照预设前端框架内容进行分类；

根据预设前端框架内容和分类结果，在AST抽象语法树中添加新节点和内容。

6.根据权利要求5所述的页面适配方法，其特征在于，

所述分类采用了机器学习方法得到的分类器，通过所述分类器将所述AST抽象语法树中的各项内容按照预设前端框架内容进行分类。

7.一种页面适配系统，其特征在于，包括采集单元、解析单元、适配单元和业务逻辑添加单元；

所述采集单元，用于获取原始页面内容；

所述解析单元，用于将原始页面内容解析成AST抽象语法树；

所述适配单元，用于根据预设前端框架内容对所述AST抽象语法树中各项内容分别进行适配转换；

所述业务逻辑添加单元，用于根据新增业务逻辑内容，在AST抽象语法树中添加新节点和内容，生成新AST抽象语法树，根据新AST抽象语法树的内容生成新页面内容；

所述适配单元还用于根据浏览器参数和终端参数，对所述AST抽象语法树中各项内容分别进行适配转换；

还包括：测试单元，所述测试单元用于将所述新页面内容写入预设链接对应的链接地址；根据所述终端参数选择终端仿真机型；在终端仿真机型中通过预设浏览器加载所述链接地址中的所述新页面内容，检测相应的页面适配效果和新增业务逻辑是否正常；若正常，将所述新页面内容封装成网页；若异常，根据预设前端框架内容和所述终端参数对所述新AST抽象语法树中异常部分重新进行适配转换。

8.一种电子设备，包括存储器、处理器及存储在所述存储器上并在所述处理器上运行的程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至6任一项所述的一种页面适配方法的步骤。