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

说明书

本发明涉及一种页面适配方法、系统及设备，方法包括：获取原始页面内容；将所述原始页面内容解析成AST抽象语法树；根据预设前端框架内容对所述AST抽象语法树中各项内容分别进行适配转换；根据新增业务逻辑内容，在所述AST抽象语法树中添加新节点和内容，生成新AST抽象语法树，根据新AST抽象语法树的内容生成新页面内容；此方法可以对使用不同框架的原始页面内容进行适配或者适配到预设的前端框架以便于后续再开发。

技术领域

本发明涉及前端页面生成适配领域，尤其涉及一种页面适配方法、系统及设备。

背景技术

当前互联网行业的兴盛使得用户使用和访问WEB网页频率越来越高，这让页面开发的需求大量增加，页而面需要增加的业务越来越多，页面的开发也开始从单一团队开发，逐渐变成多个团队共同开发，甚至也会有外包团队的加入，由于实际过程中不可能完全限制每个团队的前端技术或前端框架，但是不同框架之间会产生适配问题，并且有时候会造成非常简单的页面用复杂框架，从而产生浪费、效果不佳的情况。

并且，在三网融合的背景下，使用手机和电视终端访问互联网信息将成为发展趋势。同时随着智能手机使用越来越广泛，手机终端访问WEB信息也越来越方便。但由于互联网上绝大多数网页都是专门为PC终端设计，其它终端访问WEB站点存在着适配转换的问题。

发明内容

本发明所要解决的技术问题是针对现有技术的不足提供一种页面适配方法、系统及设备。

本发明解决上述技术问题的技术方案如下：一种页面适配方法，其特征在于，包括：

获取原始页面内容；

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

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

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

本发明的有益效果是，通过将原始内容解析成AST抽象语法树，再根据预设框架内容对AST抽象语法树进行适配转换，从而实现对使用不同框架的原始页面内容进行适配或者适配到预设的前端框架以便于后续再开发。

进一步，在上述技术方案中，所述原始页面内容包括原始页面表现形式、原始页面业务逻辑和原始页面固定路由。

采用上述进一步方案的有益效果是，通过页面表现形式可解析出原始页面的CSS级联样式表(Cascading Style Sheets)的样式和HTML超文本标记语言(HyperText MarkupLanguage)的文本标记，再加上原始页面业务逻辑和固定路由可以使得AST抽象语法树更加详尽完善。

进一步，所述将原始页面内容解析成AST抽象语法树的过程包括：

根据原始页面内容解析原始页面BOM(Browser object model)游览器对象模型、原始页面DOM(Document Object Model)文档对象模型和原始页面业务逻辑；

根据原始页面内容构建DOM树；

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

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

采用上述进一步方案的有益效果是，通过构建DOM树，CSS规则树，原始页面BOM游览器对象模型、原始页面DOM文档对象模型和原始页面业务逻辑可以更方便直观地构建AST抽象语法树，提高解析构建AST抽象语法树的效率。

在上述技术方案的基础上，本发明还可以做如下改进。