[发明专利]一种生成、显示小程序页面的方法及装置

说明书

本发明公开了一种生成、显示小程序页面的方法及装置，用以实现根据web版页面自动生成小程序版页面，减少开发应用的工作量。所述生成小程序页面的方法，包括：获取web网页版页面的html代码；将html代码转换为html语法树；将html语法树中的每个html语法节点转换为小程序语法节点，得到小程序语法树；为小程序语法树建立索引标识。

技术领域

本发明涉及计算机及通信技术领域，特别涉及一种生成、显示小程序页面的方法及装置。

背景技术

微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。在开发应用时，一般需要开发两个版本，web(网页)版应用和小程序版应用。开发工作较为繁重。

发明内容

本发明提供一种生成、显示小程序页面的方法及装置，用以实现根据web版页面自动生成小程序版页面，减少开发应用的工作量。

本发明提供一种生成小程序页面的方法，包括：

获取web网页版页面的html代码；

将html代码转换为html语法树；

将html语法树中的每个html语法节点转换为小程序语法节点，得到小程序语法树；

为小程序语法树建立索引标识。

本发明的实施例提供的技术方案可以包括以下有益效果：本实施例开发出web版本的应用后，可自动转换为小程序版本的应用，明显节省了开发时间。

可选的，所述将html代码转换为html语法树，包括：

解析html代码中标签之间的嵌套关系；

将html代码中的每个标签转换为html语法树中相应的html语法节点；

根据所述嵌套关系构建html语法节点的层级关系，得到html语法树。

本发明的实施例提供的技术方案可以包括以下有益效果：本实施例实现了自动识别html代码的层级关系，可构建html语法树。

可选的，所述将html代码转换为html语法树，包括：

加载html代码外联的CSS文件，并将CSS文件内联在html代码中；

解析所述CSS文件中的CSS规则，确定CSS规则关联到的html代码中的标签，并将CSS规则配置到所述关联到的标签的相应属性上；

将CSS单位转换为小程序对应的rpx单位。

本发明的实施例提供的技术方案可以包括以下有益效果：本实施例规范化了小程序的rpx单位，以便更好的显示小程序的页面。

可选的，将html语法树中的每个html语法节点转换为小程序语法节点之前，所述方法还至少包括下列步骤之一：

删除html语法树中的声明部分；

对html语法树中的链接、背景和图片的属性进行规范化处理。

本发明的实施例提供的技术方案可以包括以下有益效果：本实施例提供了多种适用于小程序的规范化处理，以便形成规范化的小程序语法树。

可选的，为小程序语法树建立索引标识之前，所述方法还至少包括下列步骤之一：

对小程序语法树中的资源文件路径进行协议补齐；

将小程序语法树中的classname属性由数组结构转换为字符串结构；

将图片的格式转换为小程序支持的图片格式；