[发明专利]一种页面渲染方法、装置、电子设备及可读存储介质

权利要求书

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

客户端加载页面数据，其中，所述页面数据包括网页原生组件数据以及混合组件协议；其中，所述网页原生组件数据包括原生网页标签；所述混合组件协议包括需要通过客户端渲染的特征网页标签以及所述特征网页标签的位置；

对所述原生网页标签进行渲染，得到原生网页界面；以及

基于所述混合组件协议，获取到所述特征网页标签，并通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的位置。

2.根据权利要求1所述的页面渲染方法，其特征在于，所述通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的位置的步骤，包括：

通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的预设层的对应位置。

3.根据权利要求2所述的页面渲染方法，其特征在于，所述通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的预设层的对应位置的步骤，包括：

利用所述客户端的浏览器内核解析出所述特征网页标签与所述原生网页标签的层级关系；

基于所述层级关系将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的预设层的对应位置。

4.根据权利要求1所述的页面渲染方法，其特征在于，所述原生网页标签为HTML标签；

所述对所述原生网页标签进行渲染，得到原生网页界面的步骤，包括：

对所述HTML标签进行渲染，并执行所述网页原生组件数据中的CSS样式文件和JS脚本文件，生成所述原生网页界面；其中，所述原生网页界面中所述特征网页标签对应的位置为空白；

所述通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的预设层的对应位置的步骤，包括：

通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的空白位置。

5.根据权利要求1所述的页面渲染方法，其特征在于，所述对所述原生网页标签进行渲染，得到原生网页界面的步骤，包括：

所述浏览器内核解析所述原生网页标签，并对所述原生网页标签进行渲染。

6.根据权利要求5所述的页面渲染方法，其特征在于，所述所述浏览器内核解析所述原生网页标签，并对所述原生网页标签进行渲染的步骤包括：

所述浏览器内核处理所述原生网页标签得到文档对象化模型树；

基于所述文档对象化模型树，得到所述原生网页界面。

7.根据权利要求1所述的页面渲染方法，其特征在于，所述混合组件协议嵌入在所述网页原生组件数据中。

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

加载模块，用于客户端加载页面数据，其中，所述页面数据包括网页原生组件数据以及混合组件协议；其中，所述网页原生组件数据包括原生网页标签；所述混合组件协议包括需要通过客户端渲染的特征网页标签以及所述特征网页标签的位置；

渲染模块，用于对所述原生网页标签进行渲染，得到原生网页界面；以及

基于所述混合组件协议，获取到所述特征网页标签，并通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的位置。

9.一种电子设备，其特征在于，包括相互耦接的存储器和处理器，所述处理器用于执行所述存储器中存储的程序指令，以实现权利要求1至7任一项所述的页面渲染方法。

10.一种计算机可读存储介质，其上存储有程序指令，其特征在于，所述程序指令被处理器执行时实现权利要求1至7任一项所述的页面渲染方法。