CN114756319A - 小程序页面显示方法、装置、设备及存储介质 - Google Patents

Abstract

本申请提供的一种小程序页面显示方法、装置、设备及存储介质，涉及页面处理技术领域，通过获取小程序当前页面的页面文件信息；其中，页面文件信息包括：页面结构信息和页面样式信息；根据页面结构信息和页面样式信息，生成目标页面文件信息；根据目标页面文件信息，生成小程序的目标页面；其中，小程序的目标页面与小程序当前页面显示的平台不同。采用本技术方案，能够使得其中一个小程序的页面能够在其他小程序中被顺利打开，进而可以提高原有小程序的兼容性，进而提升用户体验。

Description

小程序页面显示方法、装置、设备及存储介质

技术领域

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

背景技术

小程序作为一种连接用户与服务的方式，可以被便捷地获取和传播，但是目前不同的小程序由于配置文件的不同，导致一个小程序在另一个小程序中打开时，会出现无法识别原有小程序页面的情况

因此，亟需一种小程序页面显示方法，能够使得其中一个小程序的页面能够在其他小程序中被顺利打开，进而可以提高原有小程序的兼容性，进而提升用户体验。

发明内容

本申请提供一种小程序页面显示方法、装置、设备及存储介质，能够使得其中一个小程序的页面能够在其他小程序中被顺利打开，进而可以提高原有小程序的兼容性，进而提升用户体验。

第一方面，本申请提供一种小程序页面显示方法，包括：

获取小程序当前页面的页面文件信息；其中，所述页面文件信息包括：页面结构信息和页面样式信息；

根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息；

根据所述目标页面文件信息，生成小程序的目标页面；其中，所述小程序的目标页面与所述小程序当前页面显示的平台不同。

在一个示例中，根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息，包括：

将所述页面结构信息进行解析，得到解析后的页面结构信息；

将所述页面样式信息进行编译，得到编译后的页面样式信息；

根据所述解析后的页面结构信息和所述编译后的页面样式信息，生成目标页面文件信息。

在一个示例中，将所述页面结构信息进行解析，得到解析后的页面结构信息，包括：

识别所述页面结构信息中的第一标签数据信息，并将所述第一标签数据信息添加第一转化标识，得到第二标签数据信息；

识别所述页面结构信息中所述第二标签数据信息的第一样式标识信息，并将所述第一样式标识信息添加第二转化标识，得到第二样式标识信息；

根据所述第二样式标识信息，确定解析后的页面结构信息。

在一个示例中，识别所述页面结构信息中的第一标签数据信息，包括：

将所述页面结构信息解析为源代码节点信息；

遍历所述源代码节点信息，并在所述源代码节点信息中确定所述第一标签数据信息。

在一个示例中，将所述页面样式信息进行编译，得到编译后的页面样式信息，包括：

识别所述页面样式信息中的第一属性信息，将所述第一属性信息替换为第二属性信息；其中，所述第二属性信息用于表征所述页面结构信息中的所述第二样式标识信息；

根据所述第二属性信息，确定编译后的页面样式信息。

第二方面，本申请提供一种小程序页面显示装置，包括：

获取单元，用于获取小程序当前页面的页面文件信息；其中，所述页面文件信息包括：页面结构信息和页面样式信息；

第一生成单元，用于根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息；

第二生成单元，用于根据所述目标页面文件信息，生成小程序的目标页面；其中，所述小程序的目标页面与所述小程序当前页面显示的平台不同。

在一个示例中，所述第一生成单元，包括：

第一确定模块，用于将所述页面结构信息进行解析，得到解析后的页面结构信息；

第二确定模块，用于将所述页面样式信息进行编译，得到编译后的页面样式信息；

生成模块，用于根据所述解析后的页面结构信息和所述编译后的页面样式信息，生成目标页面文件信息。

在一个示例中，第一确定模块，包括：

第一确定子模块，用于识别所述页面结构信息中的第一标签数据信息，并将所述第一标签数据信息添加第一转化标识，得到第二标签数据信息；

第二确定子模块，用于识别所述页面结构信息中所述第二标签数据信息的第一样式标识信息，并将所述第一样式标识信息添加第二转化标识，得到第二样式标识信息；

第三确定子模块，用于根据所述第二样式标识信息，确定解析后的页面结构信息。

在一个示例中，第一确定子模块，用于将所述页面结构信息解析为源代码节点信息；

遍历所述源代码节点信息，并在所述源代码节点信息中确定所述第一标签数据信息。

在一个示例中，第二确定模块，包括：

替换子模块，用于识别所述页面样式信息中的第一属性信息，将所述第一属性信息替换为第二属性信息；其中，所述第二属性信息用于表征所述页面结构信息中的所述第二样式标识信息；

确定子模块，用于根据所述第二属性信息，确定编译后的页面样式信息。

第三方面，本申请提供一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如第一方面所述的方法。

第四方面，本申请提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如第一方面所述的方法。

第五方面，本申请提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如第一方面所述的方法。

本申请提供的一种小程序页面显示方法、装置、设备及存储介质，通过获取小程序当前页面的页面文件信息；其中，所述页面文件信息包括：页面结构信息和页面样式信息；根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息；根据所述目标页面文件信息，生成小程序的目标页面；其中，所述小程序的目标页面与所述小程序当前页面显示的平台不同。采用本技术方案，能够使得其中一个小程序的页面能够在其他小程序中被顺利打开，进而可以提高原有小程序的兼容性，进而提升用户体验。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1是根据本申请实施例一提供的一种小程序页面显示方法的流程示意图；

图2是根据本申请实施例二提供的一种小程序页面显示方法的流程示意图；

图3是根据本申请实施例三提供的一种小程序页面显示装置的结构示意图；

图4是根据本申请实施例四提供的一种小程序页面显示装置的结构示意图；

图5是根据一示例性实施例示出的一种终端设备的框图。

通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

本申请提供的小程序页面显示方法，旨在解决现有技术的如上技术问题。

下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。

图1是根据本申请实施例一提供的一种小程序页面显示方法的流程示意图。实施例一中包括如下步骤：

S101、获取小程序当前页面的页面文件信息；其中，页面文件信息包括：页面结构信息和页面样式信息。

在一个示例中，页面文件信息包括：页面结构信息和页面样式信息，还可以包括页面配置信息和页面逻辑信息，不同的小程序的页面文件信息是不同的。具体的，不同的小程序的页面结构信息、页面样式信息、页面配置信息和页面逻辑信息是不同的。例如，若小程序为A小程序，则A小程序的页面结构信息为wxml文件、页面样式信息为wxss文件、页面配置信息为json文件和页面逻辑信息为js文件。若小程序为B小程序，则B小程序的页面结构信息为mxml文件、页面样式信息为mcss文件、页面配置信息为json文件和页面逻辑信息为js文件。

S102、根据页面结构信息和页面样式信息，生成目标页面文件信息。

本实施例中，页面样式信息中包括至少一个选择器，其中，选择器的种类、不同选择器的样例以及不同选择器的样例描述，可以参见表1：

表1选择器的种类

其中，选择器的含义就是在页面上确定一组元素，对这些元素进行样式控制。页面结构信息是指页面的目录信息。页面结构信息和页面样式信息进行了修改，则可以生成目标页面文件信息。

S103、根据目标页面文件信息，生成小程序的目标页面；其中，小程序的目标页面与小程序当前页面显示的平台不同。

在一个示例中，在确定了目标页面文件信息后，根据目标页面文件信息中的数据信息，可以生成小程序的目标页面，其中，该小程序的目标页面是在另一个平台中进行展示的，另一个平台可以是不同于当前的小程序的小程序，也可以是网页。

本申请提供的一种小程序页面显示方法、装置、设备及存储介质，通过获取小程序当前页面的页面文件信息；其中，页面文件信息包括：页面结构信息和页面样式信息；根据页面结构信息和页面样式信息，生成目标页面文件信息；根据目标页面文件信息，生成小程序的目标页面；其中，小程序的目标页面与小程序当前页面显示的平台不同。采用本技术方案，能够使得其中一个小程序的页面能够在其他小程序中被顺利打开，进而可以提高原有小程序的兼容性，进而提升用户体验。

图2是根据本申请实施例二提供的一种小程序页面显示方法的流程示意图。实施例二中包括如下步骤：

S201、获取小程序当前页面的页面文件信息；其中，页面文件信息包括：页面结构信息和页面样式信息。

示例性地，本步骤可以参见上述步骤S101，不再赘述。

S202、将页面结构信息进行解析，得到解析后的页面结构信息。

在一个示例中，不同页面结构信息中标签数据信息的含义是不同的，因此，会出现同一个标签数据信息在不同的小程序页面结构信息中所表达的含义不同，这样就会导致A小程序中A标签数据信息和B小程序中A标签数据信息的含义不同，则A小程序的页面结构信息在B小程序中打开时，会出现A标签数据信息识别错误的情况。因此，在A小程序的页面结构数据信息在B小程序中打开前，如果A小程序与B小程序存在相同的标签数据信息，则需要将A小程序中的A标签数据信息进行转化，因此，需要将页面结构信息进行解析，并得到解析后的页面结构信息，解析后的页面结构信息中的A标签数据信息是进行处理过的。

例如：web网页中有input标签数据信息，小程序也有input标签数据信息，因小程序页面也是运行浏览器中，若不对小程序的标签数据信息转换，会使得小程序页面不能正常显示。在小程序中input标签数据信息含有一些特殊的属性和事件，若不对小程序标签数据信息进行转换，运行在浏览器中的小程序页面结构信息默认会使用web页面的input标签数据信息，造成小程序中input标签数据信息属性和事件失效。

在一个示例中，将页面结构信息进行解析，得到解析后的页面结构信息，包括：

识别页面结构信息中的第一标签数据信息，并将第一标签数据信息添加第一转化标识，得到第二标签数据信息；

识别页面结构信息中第二标签数据信息的第一样式标识信息，并将第一样式标识信息添加第二转化标识，得到第二样式标识信息；

根据第二样式标识信息，确定解析后的页面结构信息。

本实施例中，若识别出页面结构信息中的第一标签数据信息为view，则将第一标签数据信息view添加第一转化标识前缀mp-，得到第二标签数据信息mp-view。

本实施例中，在得到第二标签数据信息之后，判断第二标签数据信息是否存在第一样式标识信息，若第二标签数据信息中存在第一样式标识信息，则将第一样式标识信息添加第二转化标识，其中，第二转化标识可以为前缀inner-class-，例如，第二标签数据信息的第一样式标识信息为<mp-view class＝’red’>内容</mp-view>，则添加第二转化标识后为<mp-view class＝’red inner-class-mp-view’>内容</mp-view>。若第二标签数据信息中不存在第一样式标识信息，则添加第二转化标识作为第二样式标识信息。

具体的，识别页面结构信息中的第一标签数据信息，包括：

将页面结构信息解析为源代码节点信息；

遍历源代码节点信息，并在源代码节点信息中确定第一标签数据信息。

本实施例中，源代码节点信息是AST(抽象语法树，abstract syntax tree)中的节点信息，其中，AST是源代码的抽象语法结构的树状表现形式，树上的每个节点都表示源代码中的一种结构。本实施例中，若页面结构信息为mxml文件，则使用vue-template-compiler库将mxml文件转换为AST，并对AST中每个节点信息的第一标签数据信息进行转化，在遍历完整个AST节点信息后，则生成新的mxml文件；若没有遍历完AST中的每一个节点信息，则继续遍历其他节点信息，直至遍历完每一个节点信息，在遍历每一个节点信息的过程中，若检测到每一个节点信息中存在第一标签数据信息，则将第一标签数据信息添加第一转化标识，得到第二标签数据信息；若检测到每一个节点信息中不存在第一标签数据信息，则不进行任何处理。例如，检测到节点信息中包括div的第一标签数据信息，则不进行任何处理，因为其他小程序或者web网页中div所代表的含义是相同的。

进一步地，在识别页面结构信息中第二标签数据信息的第一样式标识信息，以及将第一样式标识信息添加第二转化标识，得到第二样式标识信息的过程也是使用vue-template-compiler库将mxml文件转换为AST，并对AST中每个节点信息的第二标签数据信息的第一样式标识信息进行转化，在遍历完整个AST节点信息后，则生成新的mxml文件；若没有遍历完AST中的每一个节点信息，则继续遍历其他节点信息，直至遍历完每一个节点信息，在遍历每一个节点信息的过程中，若检测到每一个节点信息中不存在第二标签数据信息的第一样式标识信息，则将第二转化标识作为第二样式标识信息。若检测到每一个节点信息中存在第二标签数据信息的第一样式标识信息，则将第一样式标识信息添加第二转化标识，得到第二样式标识信息。

S203、将页面样式信息进行编译，得到编译后的页面样式信息。

本实施例中，页面样式信息可以是mcss文件，通过插件postcss对mcss文件进行编译，得到编译后的页面样式信息。其中，插件postcss是一个用JavaScript工具和插件转换css代码的工具，可以对css文件进行处理，得到编译后的页面样式信息。

在一个示例中，将页面样式信息进行编译，得到编译后的页面样式信息，包括：

识别页面样式信息中的第一属性信息，将第一属性信息替换为第二属性信息；其中，第二属性信息用于表征页面结构信息中的第二样式标识信息；

根据第二属性信息，确定编译后的页面样式信息。

本实施例中，将页面样式信息mcss文件中的第一属性信息替换为第二属性信息，其中，第一属性信息可以为标签选择器，第二属性信息可以为inner-class-的属性信息，具体的，可以是class样式选择器。

S204、根据解析后的页面结构信息和编译后的页面样式信息，生成目标页面文件信息。

本实施例中，根据解析后的页面结构信息和编译后的页面样式信息组成目标页面文件信息。

S205、根据目标页面文件信息，生成小程序的目标页面；其中，小程序的目标页面与小程序当前页面显示的平台不同。

示例性地，本步骤可以参见上述步骤S103，不再赘述。

本申请提供的一种小程序页面显示方法、装置、设备及存储介质，通过将页面结构信息进行解析，得到解析后的页面结构信息，将页面样式信息进行编译，得到编译后的页面样式信息，根据解析后的页面结构信息和编译后的页面样式信息，生成目标页面文件信息。采用本技术方案，能够提高开发效率，不需要手动修改语法即可实现小程序页面的转换，转换后代码工程文件体积不会增大，转化后文件可读性高。

图3是根据本申请实施例三提供的一种小程序页面显示装置的结构示意图。实施例三中的装置30包括：

获取单元301，用于获取小程序当前页面的页面文件信息；其中，页面文件信息包括：页面结构信息和页面样式信息。

第一生成单元302，用于根据页面结构信息和页面样式信息，生成目标页面文件信息。

第二生成单元303，用于根据目标页面文件信息，生成小程序的目标页面；其中，小程序的目标页面与小程序当前页面显示的平台不同。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

图4是根据本申请实施例四提供的一种小程序页面显示装置的结构示意图。实施例四中的装置40包括：

获取单元401，用于获取小程序当前页面的页面文件信息；其中，页面文件信息包括：页面结构信息和页面样式信息；

第一生成单元402，用于根据页面结构信息和页面样式信息，生成目标页面文件信息；

第二生成单元403，用于根据目标页面文件信息，生成小程序的目标页面；其中，小程序的目标页面与小程序当前页面显示的平台不同。

在一个示例中，第一生成单元402，包括：

第一确定模块4021，用于将页面结构信息进行解析，得到解析后的页面结构信息；

第二确定模块4022，用于将页面样式信息进行编译，得到编译后的页面样式信息；

生成模块4023，用于根据解析后的页面结构信息和编译后的页面样式信息，生成目标页面文件信息。

在一个示例中，第一确定模块4021，包括：

第一确定子模块40211，用于识别页面结构信息中的第一标签数据信息，并将第一标签数据信息添加第一转化标识，得到第二标签数据信息；

第二确定子模块40212，用于识别页面结构信息中第二标签数据信息的第一样式标识信息，并将第一样式标识信息添加第二转化标识，得到第二样式标识信息；

第三确定子模块40213，用于根据第二样式标识信息，确定解析后的页面结构信息。

在一个示例中，第一确定子模块40211，用于将页面结构信息解析为源代码节点信息；

遍历源代码节点信息，并在源代码节点信息中确定第一标签数据信息。

在一个示例中，第二确定模块4022，包括：

替换子模块40221，用于识别页面样式信息中的第一属性信息，将第一属性信息替换为第二属性信息；其中，第二属性信息用于表征页面结构信息中的第二样式标识信息；

确定子模块40222，用于根据第二属性信息，确定编译后的页面样式信息。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

图5是根据一示例性实施例示出的一种终端设备的框图，该设备可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

装置500可以包括以下一个或多个组件：处理组件502，存储器504，电源组件506，多媒体组件508，音频组件510，输入/输出(I/O)接口512，传感器组件514，以及通信组件516。

处理组件502通常控制装置500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在装置500的操作。这些数据的示例包括用于在装置500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为装置500的各种组件提供电力。电源组件506可以包括电源管理***，一个或多个电源，及其他与为装置500生成、管理和分配电力相关联的组件。

多媒体组件508包括在装置500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当装置500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当装置500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

I/O接口512为处理组件502和***接口模块之间提供接口，上述***接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为装置500提供各个方面的状态评估。例如，传感器组件514可以检测到装置500的打开/关闭状态，组件的相对定位，例如所述组件为装置500的显示器和小键盘，传感器组件514还可以检测装置500或装置500一个组件的位置改变，用户与装置500接触的存在或不存在，装置500方位或加速/减速和装置500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516被配置为便于装置500和其他设备之间有线或无线方式的通信。装置500可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器504，上述指令可由装置500的处理器520执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当该存储介质中的指令由终端设备的处理器执行时，使得终端设备能够执行上述终端设备的小程序页面显示方法。

本申请还公开了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现如本实施例中所述的方法。

本申请以上描述的***和技术的各种实施方式可以在数字电子电路***、集成电路***、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上***的***(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程***上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储***、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储***、该至少一个输入装置、和该至少一个输出装置。

用于实施本申请的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或电子设备上执行。

在本申请的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的***和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的***和技术实施在包括后台部件的计算***(例如，作为数据电子设备)、或者包括中间件部件的计算***(例如，应用电子设备)、或者包括前端部件的计算***(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的***和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算***中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将***的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机***可以包括客户端和电子设备。客户端和电子设备一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-电子设备关系的计算机程序来产生客户端和电子设备的关系。电子设备可以是云电子设备，又称为云计算电子设备或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务("Virtual Private Server"，或简称"VPS")中，存在的管理难度大，业务扩展性弱的缺陷。电子设备也可以为分布式***的电子设备，或者是结合了区块链的电子设备。应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本申请公开的技术方案所期望的结果，本文在此不进行限制。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求书指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。

Claims (10)

1.一种小程序页面显示方法，其特征在于，所述方法包括：

获取小程序当前页面的页面文件信息；其中，所述页面文件信息包括：页面结构信息和页面样式信息；

根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息；

根据所述目标页面文件信息，生成小程序的目标页面；其中，所述小程序的目标页面与所述小程序当前页面显示的平台不同。

2.根据权利要求1所述的方法，其特征在于，根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息，包括：

将所述页面结构信息进行解析，得到解析后的页面结构信息；

将所述页面样式信息进行编译，得到编译后的页面样式信息；

根据所述解析后的页面结构信息和所述编译后的页面样式信息，生成目标页面文件信息。

3.根据权利要求2所述的方法，其特征在于，将所述页面结构信息进行解析，得到解析后的页面结构信息，包括：

识别所述页面结构信息中的第一标签数据信息，并将所述第一标签数据信息添加第一转化标识，得到第二标签数据信息；

识别所述页面结构信息中所述第二标签数据信息的第一样式标识信息，并将所述第一样式标识信息添加第二转化标识，得到第二样式标识信息；

根据所述第二样式标识信息，确定解析后的页面结构信息。

4.根据权利要求3所述的方法，其特征在于，识别所述页面结构信息中的第一标签数据信息，包括：

将所述页面结构信息解析为源代码节点信息；

遍历所述源代码节点信息，并在所述源代码节点信息中确定所述第一标签数据信息。

5.根据权利要求2所述的方法，其特征在于，将所述页面样式信息进行编译，得到编译后的页面样式信息，包括：

识别所述页面样式信息中的第一属性信息，将所述第一属性信息替换为第二属性信息；其中，所述第二属性信息用于表征所述页面结构信息中的所述第二样式标识信息；

根据所述第二属性信息，确定编译后的页面样式信息。

6.一种小程序页面显示装置，其特征在于，所述装置包括：

获取单元，用于获取小程序当前页面的页面文件信息；其中，所述页面文件信息包括：页面结构信息和页面样式信息；

第一生成单元，用于根据所述页面结构信息和所述页面样式信息，生成目标页面文件信息；

第二生成单元，用于根据所述目标页面文件信息，生成小程序的目标页面；其中，所述小程序的目标页面与所述小程序当前页面显示的平台不同。

7.根据权利要求6所述的装置，其特征在于，所述第一生成单元，包括：

第一确定模块，用于将所述页面结构信息进行解析，得到解析后的页面结构信息；

第二确定模块，用于将所述页面样式信息进行编译，得到编译后的页面样式信息；

生成模块，用于根据所述解析后的页面结构信息和所述编译后的页面样式信息，生成目标页面文件信息。

8.一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1-5中任一项所述的方法。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1-5中任一项所述的方法。

10.一种计算机程序产品，其特征在于，包括计算机程序，该计算机程序被处理器执行时实现如权利要求1-5中任一项所述的方法。

Images