[发明专利]网页应用的页面显示方法及装置

说明书

本申请公开了一种网页应用的页面显示方法及装置。方法的一具体实施方式包括：根据所接收的页面加载请求，确定待加载页面；响应于确定待加载页面中包括原生高耗组件对应的占位组件，确定占位组件的属性信息；基于属性信息，在待加载页面中加载原生高耗组件，并显示加载了原生高耗组件的待加载页面。本申请提供了一种在网页应用的页面中直接加载、渲染原生高耗组件以显示页面的方法，解决了网页应用无法实现高耗组件的问题，提高了页面的展示效果。

技术领域

本申请实施例涉及计算机技术领域，具体涉及一种网页应用的页面显示方法及装置。

背景技术

为了降低开发成本，越来越多的移动应用中采用了Web技术进行功能模块的开发。但是，Web应用在性能方面与原生应用相比存在明显不足，尤其对于股票类的折线图、柱状体等交互频繁、渲染复杂的高耗组件更是如此。对于这种高耗组件场景，一般采取减少数据运算、降低渲染效果等方式将页面做成简化版，或者直接用原生页面实现，在Web应用中的页面需要展示时跳转到原生页面。

发明内容

本申请实施例提出了一种网页应用的页面显示方法及装置。

第一方面，本申请实施例提供了一种网页应用的页面显示方法，包括：根据所接收的页面加载请求，确定待加载页面；响应于确定待加载页面中包括原生高耗组件对应的占位组件，确定占位组件的属性信息；基于属性信息，在待加载页面中加载原生高耗组件，并显示加载了原生高耗组件的待加载页面。

在一些实施例中，上述基于属性信息，在待加载页面中加载原生高耗组件，包括：将占位组件的属性信息所表征的属性值转换为原生高耗组件匹配的属性值；根据原生高耗组件匹配的属性值，通过网页视图控件在待加载页面中渲染原生高耗组件。

在一些实施例中，上述根据原生高耗组件匹配的属性值，通过网页视图控件在待加载页面中渲染原生高耗组件，包括：根据属性值，调整原生高耗组件的原生代码；通过网页视图控件中的添加子视图方法，在待加载页面中渲染原生高耗组件，其中，添加子视图方法用于在待加载页面中添加原生高耗组件对应的子视图。

在一些实施例中，上述响应于确定待加载页面中包括原生高耗组件对应的占位组件，确定占位组件的属性信息，包括：通过网页视图控件加载待加载页面；响应于确定待加载页面中包括占位组件，在待加载页面加载完成时，通过网页视图控件确定占位组件的属性信息。

在一些实施例中，在上述响应于确定待加载页面中包括原生高耗组件对应的占位组件，确定占位组件的属性信息之前，上述方法还包括：为原生高耗组件设置标识，建立标识与占位组件之间的对应关系；根据所接收的页面开发指令，在待加载页面的类标签中声明标识，在待加载页面中设置占位组件。

在一些实施例中，在上述为原生高耗组件设置标识，建立标识与占位组件之间的对应关系之前，上述方法还包括：基于原生代码实现原生高耗组件。

第二方面，本申请实施例提供了一种网页应用的页面显示装置，包括：第一确定单元，被配置成根据所接收的页面加载请求，确定待加载页面；第二确定单元，被配置成响应于确定待加载页面中包括原生高耗组件对应的占位组件，确定占位组件的属性信息；显示单元，被配置成基于属性信息，在待加载页面中加载原生高耗组件，并显示加载了原生高耗组件的待加载页面。

在一些实施例中，显示单元，进一步被配置成：将占位组件的属性信息所表征的属性值转换为原生高耗组件匹配的属性值；根据原生高耗组件匹配的属性值，通过网页视图控件在待加载页面中渲染原生高耗组件。

在一些实施例中，显示单元，进一步被配置成：根据原生高耗组件匹配的属性值，调整原生高耗组件的原生代码；通过网页视图控件中的添加子视图方法，在待加载页面中渲染原生高耗组件，其中，添加子视图方法用于在待加载页面中添加原生高耗组件对应的子视图。