CN115543306A - 页面渲染方法和装置、存储介质及电子设备 - Google Patents

Abstract

本发明公开了一种页面渲染方法和装置、存储介质及电子设备。该方法包括：获取用于创建目标场景的语音创建指令，其中，在目标场景中配置的硬件设备将在达到场景触发条件的情况下执行所配置的场景动作；对语音创建指令进行语义识别，得到语义识别结果，其中，语义识别结果中携带有目标场景的场景创建条件；预览显示当前满足场景创建条件的候选硬件设备的设备信息；为从候选硬件设备中确定出的目标硬件设备配置场景动作，以创建得到目标场景。本发明解决了小程序引擎的页面渲染性能低的技术问题。

Description

页面渲染方法和装置、存储介质及电子设备

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种页面渲染方法和装置、存储介质及电子设备。

背景技术

在互联网领域内，一款高日活量的超级App最终都会背负一个使命：赋能第三方应用，即为第三方应用开辟引流入口，实现用户提升。解决此问题的常用方案之一就是开发一款小程序引擎，从而支持第三方应用以小程序的形式嵌入宿主App，进而享受宿主带来的高日活流量红利，实现用户提升。

目前市场上的超级App的小程序引擎设计方案，其原理通常为借助浏览器的渲染能力实现小程序页面渲染。为了实现页面渲染，至少需要同时启2个浏览器内核，一个负责逻辑处理，其他负责页面渲染。因此，现有的小程序引擎都是借助浏览器进行页面渲染，存在页面渲染性能不高的技术问题。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种页面渲染方法和装置、存储介质及电子设备，以至少解决小程序引擎的页面渲染性能低的技术问题。

根据本发明实施例的一个方面，提供了一种页面渲染方法，包括：解析携带有目标代码的目标指令，其中，目标代码是使用应用于第一框架的语法编写得到；在目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与页面渲染任务对应的第一虚拟组件；获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，第二虚拟组件是在第一虚拟组件之前生成的用于绘制页面的组件；根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件；基于映射得到的原生组件进行页面渲染，以得到目标页面。

根据本发明实施例的另一方面，还提供了一种页面渲染装置，包括：解析单元，用于解析携带有目标代码的目标指令，其中，目标代码是使用应用于第一框架的语法编写得到；组件单元，用于在目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与页面渲染任务对应的第一虚拟组件；获取单元，用于获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，第二虚拟组件是在第一虚拟组件之前生成的用于绘制页面的组件；映射单元，用于根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件；渲染单元，用于基于映射得到的原生组件进行页面渲染，以得到目标页面。

根据本发明实施例的又一方面，还提供了一种计算机可读的存储介质，该计算机可读的存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述页面渲染方法。

根据本发明实施例的又一方面，还提供了一种电子设备，包括存储器和处理器，上述存储器中存储有计算机程序，上述处理器被设置为通过计算机程序执行上述的页面渲染方法。

在本发明实施例中，采用解析使用第一框架语法编写得到的目标指令，再根据目标指令生成用于绘制页面组件的虚拟组件，最后根据新旧虚拟组件的差值映射并渲染得到目标页面的技术手段，达到了使用原生组件进行页面渲染得到目标页面的目的，从而提高页面渲染性能的技术效果，进而解决了小程序引擎的页面渲染性能低的技术问题。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的一种可选的页面渲染方法的流程图；

图2是根据本发明实施例的另一种可选的页面渲染方法的示意图；

图3是根据本发明实施例的又一种可选的页面渲染方法的示意图；

图4是根据本发明实施例的一种可选的页面渲染装置的结构示意图；

图5是根据本发明实施例的一种可选的页面渲染装置的结构示意图。

具体实施方式

为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

参见图2，根据本发明实施例的一个方面，提供了一种页面渲染方法，包括：

S102，解析携带有目标代码的目标指令，其中，目标代码是使用应用于第一框架的语法编写得到；

S104，在目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与页面渲染任务对应的第一虚拟组件；

S106，获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，第二虚拟组件是在第一虚拟组件之前生成的用于绘制页面的组件；

S108根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件；

S110，基于映射得到的原生组件进行页面渲染，以得到目标页面。

在本发明实施例中，采用解析使用第一框架语法编写得到的目标指令，再根据目标指令生成用于绘制页面组件的虚拟组件，最后根据新旧虚拟组件的差值映射并渲染得到目标页面的技术手段，达到了使用原生组件进行页面渲染得到目标页面的目的，从而提高页面渲染性能的技术效果，进而解决了小程序引擎的页面渲染性能低的技术问题。

可选地，在本实施例中，上述用户设备可以但不限于为手机、平板电脑、笔记本电脑、PC机等支持运行应用客户端的计算机设备。上述服务器和用户设备可以但不限于通过网络实现数据交互，上述网络可以包括但不限于无线网络或有线网络。其中，该无线网络包括：蓝牙、WIFI及其他实现无线通信的网络。上述有线网络可以包括但不限于：广域网、城域网、局域网。上述仅是一种示例，本实施例中对此不作任何限定。

可选地，根据本发明实施例的一个方面，上述步骤S108，根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件，还可以包括：

S1，将虚拟组件参数差值通过与第一框架匹配的通信通道传递给当前应用平台；

S2，在当前应用平台中根据虚拟组件参数差值查找到与第一虚拟组件匹配的原生组件；

S3，将第一虚拟组件映射为原生组件，其中，原生组件为当前应用平台中提供页面绘制功能的组件。

根据本发明上述实施例，通过虚拟组件的差值来确定原生组件的技术手段，实现了简化页面渲染的内存消耗的技术效果，进而提高了页面渲染性能。

可选地，根据本发明实施例的一个方面，上述步骤S106，在获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，还可以包括

S1，获取第一虚拟组件与第二虚拟组件的位置参数差值，其中，位置参数用于指示虚拟组件映射在目标页面上的虚拟位置信息；

S2，获取第一虚拟组件与第二虚拟组件的对象参数差值，其中，对象参数用于指示虚拟组件映射在目标页面上的虚拟对象信息；

S3，获取第一虚拟组件与第二虚拟组件的状态参数差值，其中，状态参数用于指示虚拟组件映射在目标页面上的虚拟状态信息。

根据本发明上述实施例，通过虚拟组件的差值来确定原生组件的技术手段，实现了简化页面渲染的内存消耗的技术效果，进而提高了页面渲染性能。

可选地，根据本发明实施例的一个方面，上述步骤S102，为在解析携带有目标代码的目标指令之后，还可以包括：

S1，在目标指令指示在当前应用平台中执行逻辑处理任务的情况下，调用接口调用指令，其中，接口调用指令用于请求调用当前应用平台的操作系统层提供的原生应用接口；

S2，响应调用接口指令，调用原生应用接口执行逻辑处理任务

根据本发明的上述实施例，通过在目标指令指示在当前应用平台中执行逻辑处理任务的情况下，调用接口调用指令并响应接口调用指令，调用原生应用接口执行逻辑处理任务的技术手段，实现了利用原生接口处理逻辑处理任务的技术效果，从而避免了使用浏览器的内核进行逻辑处理，进而解决了使用浏览器同时进行逻辑处理和页面渲染任务时，页面渲染性能低的技术问题，实现了提升页面渲染性能的技术效果。

可选地，根据本发明实施例的一个方面，上述实施例的S102至S110中，在解析携带有目标代码的目标指令之前，还可以包括：

创建组件库及应用接口标识列表，其中，目标代码中携带有从组件库中确定出的被调用的组件标识，或从应用接口标识列表中确定出的被调用的应用接口标识。

根据本发明的上述实施例，可以为开发者提供一套更加便捷高效的开发工具，从而提升开发者的开发效率，降低开发成本，解决了基于浏览器内核进行开发工作的效率低的技术问题，进而实现了提升开发的页面渲染性能的技术效果。

可选地，根据本发明实施例的一个方面，如图2所示，本发明可以实施在图2所示应用实例中。

以图2所示的小程序引擎为例，其中包括了三个核心模块、引擎容器以及交互接口。其中，三个核心模块包括：

模块1，以JavaScriptCore解释层为例，用于小程序JacaScript代码的解释和执行；

模块2，以ReactJs翻译层为例，用于解析并计算小程序组件和样式、描述和管理虚拟dom、比对新旧虚拟dom差异，指挥原生组件进行绘制和更新。

模块3，以JsBridge通信层为例，负责小程序与宿主APP的通信管理，并提供小程序直接调用原生能力的接口，包括了IOS原生接口以及Android原生接口。此外，还用于传递ReactJs翻译层发送的绘制和更新指令，通知原生渲染，同时将原生组件接收到的用户事件反馈给ReactJs翻译层。

上述三个核心模块集合于图2所示的小程序容器中，小程序容器用于管理引擎核心模块，并负责代码的加载和更新。

如图2所示的JavaScript业务层面向开发者，并用于提供一套约定的组件库及API供开发者调用。

根据上述实施例中记载的技术方案，提供了一套技术方案，使得小程序开发者可以直接以React语法，使用JacaScript开发应用，根据约定使用组件库，最终被渲染成原生组件，同时允许小程序调用原生能力，从而解决了小程序引擎的页面渲染性能低的技术问题，实现提高页面渲染性能的技术效果。

具体结合图3所示的技术步骤来完整描述本方案的实施例：

假设开发者使用React语法进行小程序应用开发，小程序引擎接收用于运行小程序的业务代码，并开始本示例中提供的页面渲染过程：

S302，业务代码输入小程序引擎；

S304，由ReactJs解析上述业务代码；

S306，根据业务代码判断是否需要UI绘制。若业务代码解析结果指示需要执行的任务为UI绘制，则如步骤S308-1，生成虚拟dom，并比对新旧虚拟dom得到更新差异；若业务代码解析结果指示需要执行的任务不是UI绘制，则如步骤S308-2，执行API调用。

然后如步骤S310，通过JsBridge和原生平台(如Android平台或iOS平台)通信，直接调用原生平台实现；

S312，通过JsBridge将执行的任务指令以及比对得到的新旧虚拟dom得到更新差异通知原生平台，基于原生平台提供的UI绘制能力，将ReactJs生成的虚拟dom映射成原生组件，以实现页面渲染(即UI绘制)；

S314，事件传递。原生平台一方面接收JsBridge传递的业务层消息，执行原生方法并将结果通知业务层，另一方面接收用户事件，并通知业务层。

在本发明实施例中，提供了一种允许开发者以react语法开发小程序的技术手段，降低开发者的学习门槛，提高开发效率；此外，本实施例中提供的逻辑处理和页面渲染都是通过底层原生能力实现，减少了内存占用；以及，本实施例还能通过系统原生能力实现页面渲染，从而解决了小程序引擎的页面渲染性能低的技术问题，实现提高页面渲染能力的技术效果

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。

根据本发明实施例的另一个方面，还提供了一种用于实施上述页面渲染方法的页面渲染装置。如图4所示，该装置包括：

解析单元401，用于解析携带有目标代码的目标指令，其中，目标代码是使用应用于第一框架的语法编写得到；

组件单元402，用于在目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与页面渲染任务对应的第一虚拟组件；

获取单元403，用于获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，第二虚拟组件是在第一虚拟组件之前生成的用于绘制页面的组件；

映射单元404，用于根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件；

渲染单元405，用于基于映射得到的原生组件进行页面渲染，以得到目标页面。

在本发明实施例中，采用解析使用第一框架语法编写得到的目标指令，再根据目标指令生成用于绘制页面组件的虚拟组件，最后根据新旧虚拟组件的差值映射并渲染得到目标页面的技术手段，达到了使用原生组件进行页面渲染得到目标页面的目的，从而提高页面渲染性能的技术效果，进而解决了小程序引擎的页面渲染性能低的技术问题。

可选地，如图5所示根据本发明实施例的另一个方面，上述映射单元404还可以包括：

传递模块501，用于将虚拟组件参数差值通过与第一框架匹配的通信通道传递给当前应用平台；

查找模块502，用于在当前应用平台中根据虚拟组件参数差值查找到与第一虚拟组件匹配的原生组件；

映射模块503，用于将第一虚拟组件映射为原生组件，其中，原生组件为当前应用平台中提供页面绘制功能的组件。

可选地，根据本发明实施例的另一个方面，上述获取单元403还可以包括：

第一获取模块，用于获取第一虚拟组件与第二虚拟组件的位置参数差值，其中，位置参数用于指示虚拟组件映射在目标页面上的虚拟位置信息；

第二获取模块，用于获取第一虚拟组件与第二虚拟组件的对象参数差值，其中，对象参数用于指示虚拟组件映射在目标页面上的虚拟对象信息；

第三获取模块，用于获取第一虚拟组件与第二虚拟组件的状态参数差值，其中，状态参数用于指示虚拟组件映射在目标页面上的虚拟状态信息。

可选地，根据本发明实施例的另一个方面，上述解析单元401还可以包括：

第一调用模块，用于在目标指令指示在当前应用平台中执行逻辑处理任务的情况下，调用接口调用指令，其中，接口调用指令用于请求调用当前应用平台的操作系统层提供的原生应用接口；

第二调用模块，用于响应调用接口指令，调用原生应用接口执行逻辑处理任务。

可选地，根据本发明实施例的另一个方面，上述解析单元401还可以用于：

创建组件库及应用接口标识列表，其中，目标代码中携带有从组件库中确定出的被调用的组件标识，或从应用接口标识列表中确定出的被调用的应用接口标识。

可以理解的是，本发明实施例的装置具有与上述页面渲染方法相应的有益效果，这里不再赘述。

根据本发明的实施例的又一方面，还提供了一种存储介质，该存储介质包括存储的程序，其中，该程序被设置为运行时执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的计算机程序：

S1，解析携带有目标代码的目标指令，其中，目标代码是使用应用于第一框架的语法编写得到；

S2，在目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与页面渲染任务对应的第一虚拟组件；

S3，获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，第二虚拟组件是在第一虚拟组件之前生成的用于绘制页面的组件；

S4，根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件；

S5基于映射得到的原生组件进行页面渲染，以得到目标页面。

可选地，在本实施例中，本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(Random Access Memory，RAM)、磁盘或光盘等。

根据本发明实施例的又一个方面，还提供了一种用于实施上述页面渲染方法的电子装置，该电子装置包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为通过计算机程序执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述电子装置可以位于计算机网络的多个网络设备中的至少一个网络设备。

可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：

S1，解析携带有目标代码的目标指令，其中，目标代码是使用应用于第一框架的语法编写得到；

S2，在目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与页面渲染任务对应的第一虚拟组件；

S3，获取第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，第二虚拟组件是在第一虚拟组件之前生成的用于绘制页面的组件；

S4，根据虚拟组件参数差值将第一虚拟组件映射为当前应用平台的原生组件；

S5，基于映射得到的原生组件进行页面渲染，以得到目标页面。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。

在本发明的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的客户端，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (12)

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

解析携带有目标代码的目标指令，其中，所述目标代码是使用应用于第一框架的语法编写得到；

在所述目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与所述页面渲染任务对应的第一虚拟组件；

获取所述第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，所述第二虚拟组件是在所述第一虚拟组件之前生成的用于绘制页面的组件；

根据所述虚拟组件参数差值将所述第一虚拟组件映射为所述当前应用平台的原生组件；

基于映射得到的所述原生组件进行页面渲染，以得到目标页面。

2.根据权利要求1所述的方法，其特征在于，所述根据所述虚拟组件参数差值将所述第一虚拟组件映射为所述当前应用平台的原生组件包括：

将所述虚拟组件参数差值通过与所述第一框架匹配的通信通道传递给所述当前应用平台；

在所述当前应用平台中根据所述虚拟组件参数差值查找到与所述第一虚拟组件匹配的所述原生组件；

将所述第一虚拟组件映射为所述原生组件，其中，所述原生组件为所述当前应用平台中提供页面绘制功能的组件。

3.根据权利要求2所述的方法，其特征在于，所述获取所述第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值包括：

获取所述第一虚拟组件与所述第二虚拟组件的位置参数差值，其中，所述位置参数用于指示所述虚拟组件映射在目标页面上的虚拟位置信息；

获取所述第一虚拟组件与所述第二虚拟组件的对象参数差值，其中，所述对象参数用于指示所述虚拟组件映射在目标页面上的虚拟对象信息；

获取所述第一虚拟组件与所述第二虚拟组件的状态参数差值，其中，所述状态参数用于指示所述虚拟组件映射在目标页面上的虚拟状态信息。

4.根据权利要求1所述的方法，其特征在于，在所述解析携带有目标代码的目标指令之后，还包括：

在所述目标指令指示在当前应用平台中执行逻辑处理任务的情况下，调用接口调用指令，其中，所述接口调用指令用于请求调用所述当前应用平台的操作系统层提供的原生应用接口；

响应所述调用接口指令，调用所述原生应用接口执行所述逻辑处理任务。

5.根据权利要求1至4中任一项所述的方法，其特征在于，在所述解析携带有目标代码的目标指令之前，还包括：

创建组件库及应用接口标识列表，其中，所述目标代码中携带有从所述组件库中确定出的被调用的组件标识，或从所述应用接口标识列表中确定出的被调用的应用接口标识。

6.一种页面渲染装置，其特征在于，包括：

解析单元，用于解析携带有目标代码的目标指令，其中，所述目标代码是使用应用于第一框架的语法编写得到；

组件单元，用于在所述目标指令指示在当前应用平台中执行页面渲染任务的情况下，生成与所述页面渲染任务对应的第一虚拟组件；

获取单元，用于获取所述第一虚拟组件与第二虚拟组件之间的虚拟组件参数差值，其中，所述第二虚拟组件是在所述第一虚拟组件之前生成的用于绘制页面的组件；

映射单元，用于根据所述虚拟组件参数差值将所述第一虚拟组件映射为所述当前应用平台的原生组件；

渲染单元，用于基于映射得到的所述原生组件进行页面渲染，以得到目标页面。

7.根据权利要求6所述的装置，其特征在于，其中，所述映射单元还包括：

传递模块，用于将所述虚拟组件参数差值通过与所述第一框架匹配的通信通道传递给所述当前应用平台；

查找模块，用于在所述当前应用平台中根据所述虚拟组件参数差值查找到与所述第一虚拟组件匹配的所述原生组件；

映射模块，用于将所述第一虚拟组件映射为所述原生组件，其中，所述原生组件为所述当前应用平台中提供页面绘制功能的组件。

8.根据权利要求7所述的装置，其特征在于，其中，所述获取单元还包括：

第一获取模块，用于获取所述第一虚拟组件与所述第二虚拟组件的位置参数差值，其中，所述位置参数用于指示所述虚拟组件映射在目标页面上的虚拟位置信息；

第二获取模块，用于获取所述第一虚拟组件与所述第二虚拟组件的对象参数差值，其中，所述对象参数用于指示所述虚拟组件映射在目标页面上的虚拟对象信息；

第三获取模块，用于获取所述第一虚拟组件与所述第二虚拟组件的状态参数差值，其中，所述状态参数用于指示所述虚拟组件映射在目标页面上的虚拟状态信息。

9.根据权利要求6所述的装置，其特征在于，其中，所述解析单元还包括：

第一调用模块，用于在所述目标指令指示在当前应用平台中执行逻辑处理任务的情况下，调用接口调用指令，其中，所述接口调用指令用于请求调用所述当前应用平台的操作系统层提供的原生应用接口；

第二调用模块，用于响应所述调用接口指令，调用所述原生应用接口执行所述逻辑处理任务。

10.根据权利要求6至9任一项所述的装置，其特征在于，其中，所述解析单元还用于：

创建组件库及应用接口标识列表，其中，所述目标代码中携带有从所述组件库中确定出的被调用的组件标识，或从所述应用接口标识列表中确定出的被调用的应用接口标识。

11.一种计算机可读的存储介质，其特征在于，所述计算机可读的存储介质包括存储的程序，其中，所述程序运行时执行所述权利要求1至5任一项中所述的页面渲染方法。

12.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为通过所述计算机程序执行权利要求1至5任一项中所述的页面渲染方法。

Images