[发明专利]网页显示方法、装置、电子设备及存储介质在审

专利信息
申请号: 202111386199.2 申请日: 2021-11-22
公开(公告)号: CN114065077A 公开(公告)日: 2022-02-18
发明(设计)人: 何亮 申请(专利权)人: 北京百度网讯科技有限公司
主分类号: G06F16/957 分类号: G06F16/957;G06F16/958
代理公司: 北京柏杉松知识产权代理事务所(普通合伙) 11413 代理人: 马敬;高莺然
地址: 100085 北京市*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 网页 显示 方法 装置 电子设备 存储 介质
【说明书】:

本公开提供了一种网页显示方法、装置、电子设备以及存储介质,涉及涉及计算机技术领域,尤其涉及计算机视觉技术领域。具体实现方案为:当接收到网页显示指令时,获取网页的HTML主体结构,HTML主体结构中包括第一加载动画数据;基于第一加载动画数据在HTML主体结构页面中显示第一加载动画;获取网页的内容组件与加载组件,加载组件对应的渲染数据为第二加载动画数据;在对网页的内容组件渲染的过程中,通过第二加载动画数据渲染加载组件,并显示第二加载动画;当网页的内容组件渲染完成时,显示网页的网页内容。可以减少白屏时间。

技术领域

本公开涉及计算机技术领域,尤其涉及计算机视觉技术领域。

背景技术

vue框架是目前常用的一种用于构建用户界面的渐进式前端框架,Vue框架的默认渲染方式为JS渲染,在JS渲染的过程中,浏览器需先下载JS脚本,然后通过JS引擎执行JS脚本,从而渲染网页内容并呈现给用户。

发明内容

本公开提供了一种网页显示方法、装置、电子设备以及存储介质。

根据本公开的第一方面,提供了一种网页显示方法,包括:

当接收到网页显示指令时,获取所述网页的HTML主体结构,所述HTML主体结构中包括第一加载动画数据;

基于所述第一加载动画数据在HTML主体结构页面中显示第一加载动画;

获取所述网页的内容组件与加载组件,所述加载组件对应的渲染数据为第二加载动画数据;

在对所述网页的内容组件渲染的过程中,通过所述第二加载动画数据渲染所述加载组件,并显示第二加载动画;

当所述网页的内容组件渲染完成时,显示所述网页的网页内容。

根据本公开的第二方面,提供了一种网页显示装置,包括:

获取模块,用于当接收到网页显示指令时,获取所述网页的HTML主体结构,所述HTML主体结构中包括第一加载动画数据;

显示模块,用于基于所述第一加载动画数据在HTML主体结构页面中显示第一加载动画;

所述获取模块,还用于获取所述网页的内容组件与加载组件,所述加载组件对应的渲染数据为第二加载动画数据;

所述显示模块,还用于在对所述网页的内容组件渲染的过程中,通过所述第二加载动画数据渲染所述加载组件,并显示第二加载动画;

所述显示模块,还用于当所述网页的内容组件渲染完成时,显示所述网页的网页内容。

根据本公开实施例的第三方面,提供了一种电子设备,包括:

至少一个处理器;以及

与所述至少一个处理器通信连接的存储器;其中,

所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行第一方面所述的方法。

根据本公开的第四方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行第一方面所述的方法。

根据本公开实施例的第五方面,提供了一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现第一方面所述的方法。

应当理解,本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案,不构成对本公开的限定。其中:

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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