[发明专利]网页显示方法、装置、计算机设备及存储介质有效
申请号: | 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.一种网页显示装置,其特征在于,所述装置包括:
获取模块,用于获取待显示的网页的第一骨架屏数据,所述第一骨架屏数据用于提供所述网页的视图框架;
加载模块,用于基于网页视图对所述网页进行加载;
创建模块,用于在所述网页视图的上层,创建原生视图;
渲染模块,用于基于所述第一骨架屏数据,渲染所述原生视图,得到骨架屏视图,所述骨架屏视图用于显示所述网页的框架;
移除模块,用于当所述网页的加载进度满足预设条件时,移除所述骨架屏视图,以显示基于所述网页视图的网页。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京三快在线科技有限公司,未经北京三快在线科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910223519.9/1.html,转载请声明来源钻瓜专利网。
- 上一篇:移动端的图片访问方法、装置及存储介质
- 下一篇:检索速度优化方法