[发明专利]网页显示方法、装置、计算机设备及存储介质有效

专利信息
申请号: 201910223519.9 申请日: 2019-03-22
公开(公告)号: CN109977333B 公开(公告)日: 2020-06-09
发明(设计)人: 陈禹霖 申请(专利权)人: 北京三快在线科技有限公司
主分类号: G06F16/957 分类号: G06F16/957
代理公司: 北京三高永信知识产权代理有限责任公司 11138 代理人: 刘小鹤
地址: 100190 北京市海*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 网页 显示 方法 装置 计算机 设备 存储 介质
【权利要求书】:

1.一种网页显示方法,其特征在于,所述方法包括:

获取待显示的网页的第一骨架屏数据,基于网页视图对所述网页进行加载,所述第一骨架屏数据用于提供所述网页的视图框架;

在所述网页视图的上层,创建原生视图;

基于所述第一骨架屏数据,渲染所述原生视图,得到骨架屏视图,所述骨架屏视图用于显示所述网页的框架;

当所述网页的加载进度满足预设条件时,移除所述骨架屏视图,以显示基于所述网页视图的网页。

2.根据权利要求1所述的方法,其特征在于,所述获取待显示的网页的第一骨架屏数据包括:

当计算机设备存储有所述第一骨架屏数据时,从所述计算机设备的存储空间中获取所述第一骨架屏数据;

当所述计算机设备未存储所述第一骨架屏数据时,从服务器中获取所述第一骨架屏数据。

3.根据权利要求1所述的方法,其特征在于,所述获取待显示的网页的第一骨架屏数据包括:

获取计算机设备的登录状态,基于所述登录状态,获取对应的第一骨架屏数据,不同的登录状态对应不同的第一骨架屏数据;

或者,获取所述网页的页面标识,基于所述页面标识,获取对应的第一骨架屏数据,不同的页面标识对应不同的第一骨架屏数据。

4.根据权利要求1所述的方法,其特征在于,所述基于所述第一骨架屏数据,渲染所述原生视图,得到骨架屏视图,包括:

如果已下载的网页数据中包括第二骨架屏数据,则基于所述第一骨架屏数据和所述第二骨架屏数据,渲染所述原生视图,得到骨架屏视图。

5.根据权利要求4所述的方法,其特征在于,所述如果已下载的网页数据中包括第二骨架屏数据,则基于所述第一骨架屏数据和所述第二骨架屏数据,渲染所述原生视图,得到骨架屏视图,包括下述任一个步骤:

如果所述已下载的网页数据中包括所述第二骨架屏数据,且基于所述第一骨架屏数据的渲染未完成,则根据所述原生视图基于所述第一骨架屏数据的渲染进度,确定所述第二骨架屏数据中的目标数据,基于所述目标数据,对所述原生视图继续进行渲染,得到所述骨架屏视图,所述目标数据为与所述骨架屏视图未被渲染的部分对应的数据;

如果所述已下载的网页数据中包括所述第二骨架屏数据,且基于所述第一骨架屏数据的渲染已经完成,则基于所述第二骨架屏数据对所述原生视图重新进行渲染,得到所述骨架屏视图。

6.根据权利要求1所述的方法,其特征在于,所述当所述网页的加载进度满足预设条件时,移除所述骨架屏视图包括下述任一个步骤:

如果网页数据包括超文本标记语言HTML文件,当所述HTML文件加载完成后,移除所述骨架屏视图,所述HTML文件包括爪哇脚本JS文件;

如果所述网页数据包括所述HTML文件和所述JS文件,在所述HTML文件和所述JS文件加载完成后,移除所述骨架屏视图;

在所述网页数据加载完成之后,基于所述网页数据渲染所述网页视图,在所述网页视图渲染完成后,移除所述骨架屏视图。

7.根据权利要求1所述的方法,其特征在于,所述移除所述骨架屏视图包括:采取预设动画形式对所述骨架屏视图进行移除;或,

所述在所述网页视图的上层,创建原生视图包括:在所述网页视图所在的容器上层,渲染所述原生视图。

8.一种网页显示装置,其特征在于,所述装置包括:

获取模块,用于获取待显示的网页的第一骨架屏数据,所述第一骨架屏数据用于提供所述网页的视图框架;

加载模块,用于基于网页视图对所述网页进行加载;

创建模块,用于在所述网页视图的上层,创建原生视图;

渲染模块,用于基于所述第一骨架屏数据,渲染所述原生视图,得到骨架屏视图,所述骨架屏视图用于显示所述网页的框架;

移除模块,用于当所述网页的加载进度满足预设条件时,移除所述骨架屏视图,以显示基于所述网页视图的网页。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京三快在线科技有限公司,未经北京三快在线科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910223519.9/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top