[发明专利]网页渲染方法及装置

说明书

本发明涉及互联网技术领域，公开了一种网页渲染方法及装置，所述方法包括：创建文档片段；获取页面加载请求的文本数据，将所述文本数据转换为文件对象模型DOM；将所述DOM的节点存储到所述文档片段；将存储有所述DOM节点的所述文档片段渲染到页面。本发明的网页渲染方法，适用于后台服务器返回的数据为爬虫数据(富文本字符串)的情况，实现在页面渲染时对爬虫数据懒加载，而且文本数据的转换在客户端内存中操作(内存中操作DOM)，性能消耗小。

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种网页渲染方法、一种网页渲染装置及一种存储介质。

背景技术

网页渲染就是客户端浏览器将HTML(Hyper Text Markup Language，超文本标记语言)代码根据预定义规则显示在浏览器窗口中的过程。客户端浏览器在渲染HTML页面时，需要从服务器获取用于进行页面渲染的各种资源，通过加载获取到的资源从而实现HTML页面渲染。

网页一般包含文字和图片，当用户向后台服务器发送加载网页的请求后，将接收后台服务器发送的文字和图片。如果网页的图片同时加载，存在用户查看网页其中一个位置，对应位置的图片却未加载的问题。图片懒加载是一种图片的加载方式。具体的，如果网页包含数以百计的图片，当用户访问这些页面(网页)时，等待的时间特别长，也就是说，在接收到用户的浏览请求后，同时加载所有的图片，导致图片加载的时间过长。而使用图片懒加载，便可以较好的解决这个问题。在用户访问页面时，先加载几页的图片并显示，然后监听用户对网页的操作，当用户浏览到后续的页面时再加载后续页面的图片。如果用户仅仅浏览网页的一部分，那么后续的图片便不需要加载，以减轻后台服务器的压力，极大地提升用户体验，保障交互的流畅性。

在网页渲染懒加载的过程中，若后台服务器返回的数据为爬虫数据(即客户端得到的是一堆富文本字符串)，由于无法定义爬虫数据的数据结构，此时客户端无法直接对爬虫数据实现懒加载。

发明内容

本发明的目的是提供一种网页渲染方法及装置，以实现在页面渲染时对爬虫数据懒加载。

为了实现上述目的，本发明第一方面提供一种网页渲染方法，所述方法包括：

创建文档片段；

获取页面加载请求的文本数据，将所述文本数据转换为文件对象模型DOM；

将所述DOM的节点存储到所述文档片段；

将存储有所述DOM节点的所述文档片段渲染到页面。

进一步地，在将所述DOM的节点存储到所述文档片段之前，所述方法还包括：

判断所述DOM的节点是否为图片；

若判断所述DOM的节点为图片，则将所述图片替换为预设图片。

进一步地，所述将所述图片替换为预设图片，包括：

将所述图片的属性信息替换为所述预设图片的资源路径。

进一步地，所述将存储有所述DOM节点的所述文档片段渲染到页面，包括：

获取所述页面的目标节点，判断所述目标节点是否完成渲染；

若所述目标节点已完成渲染，则将所述目标节点对应的图片的属性信息替换为所述图片的原始资源路径。

进一步地，在判断所述DOM的节点是否为图片之前，所述方法还包括：

将所述DOM的类数组转换为数组，并遍历所述数组。

进一步地，所述获取页面加载请求的文本数据，将所述文本数据转换为文件对象模型DOM，包括：