[发明专利]小程序处理方法、装置、设备及存储介质

说明书

本申请提供一种小程序处理方法、装置、设备及存储介质。首先获取与待处理数据具有依赖关系的所有WXML文件以及所有WXSS文件，待处理数据通过预设代码表征小程序的待处理页面或待处理组件。根据预设解析工具对所有WXML文件和所有WXSS文件进行语法解析以生成对应的HTML语法树和CSS语法树，并根据待处理数据的WXSS配置对HTML语法树和CSS语法树分别基于相应的样式隔离规则进行转化处理，根据转化处理后的HTML语法树和CSS语法树分别输出JSX文件和CSS文件，实现WXSS至CSS的完备转化，消除了两者的差异。针对待处理数据，使用同一套WXSS渲染出的网页与小程序页面保持一致，提升了用户体验。

技术领域

本申请涉及计算机技术领域，尤其涉及一种小程序处理方法、装置、设备及存储介质。

背景技术

随着互联网技术的飞速发展，用户对于获取信息的便捷性需求越来越高，小程序应运而生。小程序是一种不需要下载安装即可使用的应用，用户只需扫描设置的二维码或者搜索便可打开应用，极大地提高了信息交互的便捷性。

然而，目前的浏览器可以加载超级文本标记语言(HyperText Markup Language，HTML)页面，无法加载小程序页面，往往需要通过微信层叠样式表(WeiXin Style Sheets，WXSS)转层叠样式表(Cascading Style Sheets，CSS)的方式对小程序进行转换，以使得小程序的页面可以通过浏览器网页打开。但由于WXSS与CSS之间仍然存在一些差异，会造成小程序页面中的一些内容在转换后出现不一致，进而会对用户的正常使用造成一定的局限性，从而影响业务的正常运行，导致用户使用体验欠佳。

可见，亟需一种解决方法以克服现有小程序使用中的一些技术缺陷。

发明内容

本申请提供一种小程序处理方法、装置、设备及存储介质，用于克服现有技术中由于WXSS与CSS之间存在差异引起小程序页面转化为网页页面后出现不一致造成业务正常运行受限的技术问题。

第一方面，本申请提供一种小程序处理方法，包括：

获取与待处理数据具有依赖关系的所有微信标记语言WXML文件以及所有微信层叠样式表WXSS文件，所述待处理数据通过预设代码表征所述小程序的待处理页面或待处理组件；

根据预设解析工具对所述所有WXML文件和所述所有WXSS文件进行语法解析，生成对应的超级文本标记语言HTML语法树和层叠样式表CSS语法树；

根据所述待处理数据的WXSS配置对所述HTML语法树以及所述CSS语法树分别基于相应的样式隔离规则进行转化处理，并根据转化处理后的所述HTML语法树和所述CSS语法树分别输出JSX文件和CSS文件。

在一种可能的设计中，所述根据所述待处理数据的WXSS配置对所述HTML语法树基于相应的样式隔离规则进行转化处理，包括：

为所述待处理数据中的每个自定义元素添加预设类名；

若确定所述HTML语法树中的所述待处理数据为所述待处理页面，则在所述HTML语法树的外层添加第一预设元素，以得到转化处理后的所述HTML语法树；

若确定所述HTML语法树中的所述待处理数据为所述待处理组件，则在所述HTML语法树的外层添加第二预设元素，并根据所述WXSS配置对所述待处理组件对应的所述HTML语法树进行第一样式隔离处理，以得到转化处理后的所述HTML语法树。

在一种可能的设计中，若确定所述待处理组件的类名为静态类名，所述根据所述WXSS配置对所述待处理组件对应的所述HTML语法树进行第一样式隔离处理，包括：

根据所述WXSS配置确定所述待处理组件对应的样式隔离类型，所述样式隔离类型包括全局类型、单一类型以及共享类型；