网页渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114238819A(43)申请公布日2022.03.25(21)申请号202111584083.X(22)申请日2021.12.22(71)申请人北京升明科技有限公司地址100000北京市西城区新街口外大街28号102号楼3层330号申请人网神信息技术（北京）股份有限公司(72)发明人田亮华鹏杨东(74)专利代理机构北京鼎佳达知识产权代理事务所(普通合伙)11348代理人刘铁生孟阿妮(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)G06F9/445(2018.01)权利要求书3页说明书13页附图2页(54)发明名称网页渲染方法及装置(57)摘要本申请公开一种网页渲染方法及装置，涉及浏览器技术领域。本申请的方法包括：获取目标网页对应的网页文件和CSS文件，目标网页为需要加载目标插件对应的插件窗口的网页；根据网页文件和CSS文件生成目标网页对应的文档对象模型树、渲染树和绘制图层树，文档对象模型树、渲染树和绘制图层树中均包含插件窗口对应的插件窗口元素；根据文档对象模型树、渲染树和绘制图层树确定插件窗口元素对应的目标位置集合，目标位置集合包含插件窗口元素对应的至少一个待裁剪位置或插件窗口元素对应的至少一个待隐藏位置；根据绘制图层树和目标位置集合对目标网页进行渲染处理，并输出显示渲染后的目标网页，渲染后的目标网页中包含经过优化处理后的插件窗口。CN114238819ACN114238819A权利要求书1/3页1.一种网页渲染方法，其特征在于，所述方法包括：获取目标网页对应的网页文件和CSS文件，其中，所述目标网页为需要加载目标插件对应的插件窗口的网页；根据所述网页文件和所述CSS文件生成所述目标网页对应的文档对象模型树、渲染树和绘制图层树，其中，所述文档对象模型树、所述渲染树和所述绘制图层树中均包含所述插件窗口对应的插件窗口元素；根据所述文档对象模型树、所述渲染树和所述绘制图层树确定所述插件窗口元素对应的目标位置集合，其中，所述目标位置集合包含所述插件窗口元素对应的至少一个待裁剪位置或所述插件窗口元素对应的至少一个待隐藏位置；根据所述绘制图层树和所述目标位置集合对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页，其中，渲染后的所述目标网页中包含经过优化处理后的所述插件窗口。2.根据权利要求1所述的方法，其特征在于，所述根据所述文档对象模型树、所述渲染树和所述绘制图层树确定所述插件窗口元素对应的目标位置集合，包括：根据所述文档对象模型树确定所述插件窗口元素所在图层；根据所述绘制图层树和所述插件窗口元素所在图层确定目标元素集合，其中，所述目标元素集合中包含至少一个第一目标元素，所述第一目标元素为在所述插件窗口元素所在图层之上的图层中包含的元素；在所述渲染树中获取所述插件窗口元素对应的位置信息、每个所述第一目标元素对应的位置信息和透明度信息；根据所述插件窗口元素对应的位置信息、每个所述第一目标元素对应的位置信息和透明度信息，在至少一个所述第一目标元素中选取第二目标元素，其中，所述第二目标元素为所在位置与所述插件窗口元素所在位置存在重合、且透明度大于预设透明度阈值的第一目标元素；根据预置规则、所述插件窗口元素对应的位置信息和每个所述第二目标元素对应的位置信息确定所述目标位置集合。3.根据权利要求1所述的方法，其特征在于，所述根据所述绘制图层树和所述目标位置集合对所述目标网页进行渲染处理，包括：根据所述绘制图层树对所述目标网页进行渲染处理，以获得渲染后的所述目标网页，其中，渲染后的所述目标网页中包含所述插件窗口；根据所述目标位置集合对所述插件窗口进行优化处理。4.根据权利要求3所述的方法，其特征在于，所述目标位置集合具体包含所述插件窗口元素对应的至少一个待裁剪位置；所述根据所述目标位置集合对所述插件窗口进行优化处理，包括：根据至少一个所述待裁剪位置确定所述插件窗口包含的至少一个裁剪区域；对所述插件窗口包含的各个裁剪区域进行裁剪处理。5.根据权利要求3所述的方法，其特征在于，所述目标位置集合具体包含所述插件窗口元素对应的至少一个待隐藏位置；所述根据所述目标位置集合对所述插件窗口进行优化处理，包括：2CN114238819A权利要求书2/3页根据至少一个所述待隐藏位置确定所述插件窗口包含的至少一个隐藏区域；将所述插件窗口包含的每个隐藏区域对应的透明度设置为预置透明度值。6.根据权利要求2所述的方法，其特征在于，所述预置规则，包括：对于任意一个第二目标元素，根据所述插件窗口元素对应的位置信息和所述第二目标元素对应的位置信息，确定所述插件窗口元素与所述第二目标元素的重合区域，将所述插件窗口元素与所述第二目标元素的重合区