网页渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111143732A(43)申请公布日2020.05.12(21)申请号201911330379.1(22)申请日2019.12.20(71)申请人贝壳技术有限公司地址300280天津市滨海新区南港工业区综合服务区办公楼C座一层112室05单元(72)发明人唐莉钱学敏(74)专利代理机构北京润平知识产权代理有限公司11283代理人肖冰滨王晓晓(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)G06F40/151(2020.01)G06F16/951(2019.01)权利要求书1页说明书4页附图2页(54)发明名称网页渲染方法及装置(57)摘要本发明涉及互联网技术领域，公开了一种网页渲染方法及装置，所述方法包括：创建文档片段；获取页面加载请求的文本数据，将所述文本数据转换为文件对象模型DOM；将所述DOM的节点存储到所述文档片段；将存储有所述DOM节点的所述文档片段渲染到页面。本发明的网页渲染方法，适用于后台服务器返回的数据为爬虫数据(富文本字符串)的情况，实现在页面渲染时对爬虫数据懒加载，而且文本数据的转换在客户端内存中操作(内存中操作DOM)，性能消耗小。CN111143732ACN111143732A权利要求书1/1页1.一种网页渲染方法，其特征在于，所述方法包括：创建文档片段；获取页面加载请求的文本数据，将所述文本数据转换为文件对象模型DOM；将所述DOM的节点存储到所述文档片段；将存储有所述DOM节点的所述文档片段渲染到页面。2.根据权利要求1所述的网页渲染方法，其特征在于，在将所述DOM的节点存储到所述文档片段之前，所述方法还包括：判断所述DOM的节点是否为图片；若判断所述DOM的节点为图片，则将所述图片替换为预设图片。3.根据权利要求2所述的网页渲染方法，其特征在于，所述将所述图片替换为预设图片，包括：将所述图片的属性信息替换为所述预设图片的资源路径。4.根据权利要求3所述的网页渲染方法，其特征在于，所述将存储有所述DOM节点的所述文档片段渲染到页面，包括：获取所述页面的目标节点，判断所述目标节点是否完成渲染；若所述目标节点已完成渲染，则将所述目标节点对应的图片的属性信息替换为所述图片的原始资源路径。5.根据权利要求2所述的网页渲染方法，其特征在于，在判断所述DOM的节点是否为图片之前，所述方法还包括：将所述DOM的类数组转换为数组，并遍历所述数组。6.根据权利要求1所述的网页渲染方法，其特征在于，所述获取页面加载请求的文本数据，将所述文本数据转换为文件对象模型DOM，包括：获取页面加载请求的HTML文本，创建空白DIV标签，将所述HTML文本渲染到所述DIV标签，得到所述文件对象模型DOM。7.一种网页渲染装置，其特征在于，所述装置包括：创建模块，用于创建文档片段；获取模块，用于获取页面加载请求的文本数据；转换模块，用于将所述文本数据转换为文件对象模型DOM；存储模块，用于将所述DOM的节点存储到所述文档片段；渲染模块，用于将存储有所述DOM节点的所述文档片段渲染到页面。8.根据权利要求7所述的网页渲染装置，其特征在于，所述装置还包括：判断模块，用于判断所述DOM的节点是否为图片；替换模块，用于在判断所述DOM的节点为图片的情况下，将所述图片替换为预设图片。9.根据权利要求7所述的网页渲染装置，其特征在于，所述装置还包括遍历模块；所述转换模块还用于将所述DOM的类数组转换为数组；所述遍历模块用于遍历所述数组。10.一种存储介质，其上存储有计算机程序指令，其特征在于，所述计算机程序指令被处理器执行时实现权利要求1-6中任一项所述的网页渲染方法。2CN111143732A说明书1/4页网页渲染方法及装置技术领域[0001]本发明涉及互联网技术领域，具体而言，涉及一种网页渲染方法、一种网页渲染装置及一种存储介质。背景技术[0002]网页渲染就是客户端浏览器将HTML(HyperTextMarkupLanguage，超文本标记语言)代码根据预定义规则显示在浏览器窗口中的过程。客户端浏览器在渲染HTML页面时，需要从服务器获取用于进行页面渲染的各种资源，通过加载获取到的资源从而实现HTML页面渲染。[0003]网页一般包含文字和图片，当用户向后台服务器发送加载网页的请求后，将接收后台服务器发送的文字和图片。如果网页的图片同时加载，存在用户查看网页其中一个位置，对应位置的图片却未加载的问题。图片懒加载是一种图片的加载方式。具体的，如果网页包含数以百计的图片，当用户访问这些页面(网页)时，等待的时间特别长，也就是说，在接收到用户的浏览请求后，同时加载所有的图片，导致图片加载的时间过长。而使用图片懒加载，