[发明专利]网页渲染方法、装置及电子设备

说明书

本公开提供了一种网页渲染方法、装置及电子设备，涉及计算机技术领域，具体涉及网页技术领域。具体实现方案为：检测所述网页的运行信息，所述运行信息包括所述网页的运行状态，所述网页包括M个元素，M为正整数；在检测到所述网页的运行状态从第一状态切换至第二状态的情况下，基于所述网页的层叠样式表CSS信息，确定所述M个元素在所述第二状态下的目标动画信息，所述CSS信息包括所述M个元素在所述网页的各个运行状态下的动画信息；基于所述目标动画信息，对所述网页进行渲染。

技术领域

本公开涉及计算机技术领域，尤其涉及网页技术领域，具体涉及一种网页渲染方法、装置及电子设备。

背景技术

随着计算机技术的高速发展，网页得到了人们广泛的使用，用户可以基于网页实现各种各样的设计。比如，可以基于网页实现对战游戏的设计。

目前，在网页设计时，通常是基于即时编译型的编程语言如JavaScript(JS)来控制网页上的元素移动，并通过网页渲染来实现网页的动画。

发明内容

本公开提供了一种网页渲染方法、装置及电子设备。

根据本公开的第一方面，提供了一种网页渲染方法，包括：

检测所述网页的运行信息，所述运行信息包括所述网页的运行状态，所述网页包括M个元素，M为正整数；

在检测到所述网页的运行状态从第一状态切换至第二状态的情况下，基于所述网页的层叠样式表CSS信息，确定所述M个元素在所述第二状态下的目标动画信息，所述CSS信息包括所述M个元素在所述网页的各个运行状态下的动画信息；

基于所述目标动画信息，对所述网页进行渲染。

根据本公开的第二方面，提供了一种网页渲染装置，包括：

检测模块，用于检测所述网页的运行信息，所述运行信息包括所述网页的运行状态，所述网页包括M个元素，M为正整数；

确定模块，用于在检测到所述网页的运行状态从第一状态切换至第二状态的情况下，基于所述网页的层叠样式表CSS信息，确定所述M个元素在所述第二状态下的目标动画信息，所述CSS信息包括所述M个元素在所述网页的各个运行状态下的动画信息；

渲染模块，用于基于所述目标动画信息，对所述网页进行渲染。

根据本公开的第三方面，提供了一种电子设备，包括：

至少一个处理器；以及

与至少一个处理器通信连接的存储器；其中，

存储器存储有可被至少一个处理器执行的指令，该指令被至少一个处理器执行，以使至少一个处理器能够执行第一方面中的任一项方法。

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

根据本公开的第五方面，提供了一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现第一方面中的任一项方法。

根据本公开的技术解决了网页渲染而导致的网页运行卡顿的问题，提高了网页运行的流畅度。

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

附图说明

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

图1是根据本公开第一实施例的网页渲染方法的流程示意图；

图2是根据本公开第二实施例的网页渲染装置的结构示意图；