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

说明书

本申请公开了一种页面渲染方法、装置、电子设备及存储介质，本申请提供的页面渲染方法，通过客户端加载页面数据，页面数据包括网页原生组件数据以及混合组件协议，网页原生组件数据包括原生网页标签，混合组件协议包括需要通过客户端渲染的特征网页标签以及特征网页标签的位置；对原生网页标签进行渲染，得到原生网页界面；以及基于混合组件协议，获取到特征网页标签，并通过客户端将特征网页标签渲染到原生网页界面中特征网页标签对应的位置，两次渲染得到显示页面。本申请的页面渲染方法生成的页面中既包括原有网页页面的组件，也包括客户端原生组件，既能保证开发的高效性，又能保证页面能够提供类似Native的用户体验。

技术领域

本申请涉及计算机技术领域，特别是涉及一种页面渲染方法、装置、电子设备及可读存储介质。

背景技术

随着手机、电脑、平板电脑和智能手表等终端越来越深入人们的生活，用户需要通过终端上的显示页面进行查看和操作，如何更好的进行页面渲染也就变得尤为重要。

目前客户端渲染页面技术有客户端Native技术、WEB技术与JS Bridge以及ReactNative/Weex混合技术。但上述技术要么无法给用户提供类似Native的用户体验，要么每次对APP进行更新都需要发版，不够灵活，加大了开发者对应用程序的开发难度，也大大限制了开发者的开发效率。

因此，如何保证类似Native的用户体验的同时，提高开发效率非常关键。

发明内容

本申请主要解决的技术问题是提供一种页面渲染方法、装置、电子设备及可读存储介质，以保证类似Native的用户体验的同时，提高开发者的开发效率。

为了解决上述问题，本申请第一方面提供了一种页面渲染方法，所述方法包括：客户端加载页面数据，其中，所述页面数据包括网页原生组件数据以及混合组件协议；其中，所述网页原生组件数据包括原生网页标签；所述混合组件协议包括需要通过客户端渲染的特征网页标签以及所述特征网页标签的位置；对所述原生网页标签进行渲染，得到原生网页界面；以及基于所述混合组件协议，获取到所述特征网页标签，并通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的位置。。

为了解决上述问题，本申请第二方面提供了一种页面渲染的装置，包括：加载模块，用于客户端加载页面数据，其中，所述页面数据包括网页原生组件数据以及混合组件协议；其中，所述网页原生组件数据包括原生网页标签；所述混合组件协议包括需要通过客户端渲染的特征网页标签以及所述特征网页标签的位置；渲染模块，对所述原生网页标签进行渲染，得到原生网页界面；以及基于所述混合组件协议，获取到所述特征网页标签，并通过所述客户端将所述特征网页标签渲染到所述原生网页界面中所述特征网页标签对应的位置。

为了解决上述问题，本申请第三方面提供了一种电子设备，包括相互耦接的存储器和处理器，所述处理器用于执行所述存储器中存储的程序指令，以实现上述第一方面的页面渲染方法。

为了解决上述问题，本申请第四方面提供了一种计算机可读存储介质，其上存储有程序指令，所述程序指令被处理器执行时实现上述第一方面的页面渲染方法。

本申请的有益效果是：区别于现有技术的情况，本申请提供的页面渲染方法，通过客户端加载页面数据，页面数据包括网页原生组件数据以及混合组件协议，而其中的网页原生组件数据包括原生网页标签，混合组件协议包括需要通过客户端渲染的特征网页标签以及特征网页标签的位置；对原生网页标签进行渲染，得到原生网页界面；以及基于混合组件协议，获取到特征网页标签，并通过客户端将特征网页标签渲染到原生网页界面中特征网页标签对应的位置，从而实现通过原生网页渲染和客户端原生渲染页面渲染两次渲染得到显示页面。本申请的页面渲染方法生成的页面中既包括原有网页页面的组件，也包括客户端原生组件，既能保证开发的高效性，又能保证页面能够提供类似Native的用户体验。

附图说明

图1是本申请提供的页面渲染一实施例的流程示意图；