[发明专利]网页加载显示方法、装置、终端设备及可读存储介质

权利要求书

1.一种网页加载显示方法，其特征在于，包括如下步骤：

向服务器获取待显示网页；

解析显示所述网页，其中，将网页上位于当前浏览器非可视区域中的原始图片预置为占位背景图，将网页上位于可视区域中的原始图片预置为目标格式的图片予以显示；

响应于页面滚动事件，判断每个占位背景图与可视区域的相对位置关系，使可视区域内的占位背景图被替换为目标格式的所述原始图片予以显示。

2.根据权利要求1所述的网页加载显示方法，其特征在于，所述将网页上位于可视区域中的原始图片预置为目标格式的图片予以显示的步骤包括:在解析页面过程中，先检测确定当前浏览器支持所述目标格式，然后将网页上位于可视区域中的原始图片预置为目标格式的图片予以显示，否则，保留原始图片的原始格式进行显示。

3.根据权利要求2所述的网页加载显示方法，其特征在于，所述目标格式为webp格式，所述先检测确定当前浏览器支持所述目标格式的步骤包括：

在网页中创建一个画布；

插入webp格式图片并转换；

判断所述webp格式图片能否转换成base64格式，若能，则确定当前浏览器支持所述webp格式，并返回表示当前浏览器支持webp格式图片的字符串。

4.根据权利要求1所述的网页加载显示方法，其特征在于，所述判断每个占位背景图与可视区域的相对位置关系的步骤包括：当占位背景图与页面顶部的距离大于所述页面已卷去的高度，且小于所述页面已卷去的高度与所述可视区域的高度的和，则确定所述占位背景图位于所述可视区域范围内。

5.根据权利要求1所述的网页加载显示方法，其特征在于，还包括：将距离可视区域小于预设值的占位背景图预加载为目标格式的图片。

6.根据权利要求1所述的网页加载显示方法，其特征在于，所述响应于页面滚动事件步骤后，还包括：根据页面滚动速度，判断确定位于预加载范围内的占位背景图，将位于预加载范围内的占位背景图替换为目标格式的所述原始图片予以显示。

7.根据权利要求1所述的网页加载显示方法，其特征在于，还包括：对已卷去且未加载成功的目标格式图片不再进行加载，直至所述未加载成功的目标格式图片再次落入可视区域。

8.一种网页加载显示装置，其特征在于，包括：

获取模块，被配置为向服务器获取待显示网页；

解析显示模块，被配置为解析显示所述网页，其中，将网页上位于当前浏览器非可视区域中的原始图片预置为占位背景图，将网页上位于可视区域中的原始图片预置为目标格式的图片予以显示；

响应模块，被配置为响应于页面滚动事件，判断每个占位背景图与可视区域的相对位置关系，使可视区域内的占位背景图被替换为目标格式的所述原始图片予以显示。

9.一种终端设备，其特征在于，包括：

显示器；

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

执行根据权利要求1至7任一项所述的网页加载显示方法的步骤。

10.一种非临时性计算机可读存储介质，其特征在于，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种网页加载显示方法，所述方法包括权利要求1至7任一项所述的网页加载显示方法的步骤。