网页渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114254229A(43)申请公布日2022.03.29(21)申请号202111582464.4(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)权利要求书2页说明书12页附图3页(54)发明名称网页渲染方法及装置(57)摘要本申请公开一种网页渲染方法及装置，涉及浏览器技术领域。本申请的方法包括：获取目标网页对应的网页文件和CSS文件，其中，所述目标网页为需要加载目标插件对应的插件窗口的网页；根据所述网页文件和所述CSS文件生成所述目标网页对应的渲染树，其中，所述渲染树中包含所述插件窗口对应的插件窗口元素和插件窗口元素对应的样式属性信息；获取所述插件窗口对应的第一图像，并根据所述第一图像对所述渲染树中的插件窗口元素进行修改处理，其中，所述插件窗口对应的第一图像包含所述插件窗口被加载渲染后，所述插件窗口显示的内容；根据经过修改处理后的所述渲染树对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页。CN114254229ACN114254229A权利要求书1/2页1.一种网页渲染方法，其特征在于，所述方法包括：获取目标网页对应的网页文件和CSS文件，其中，所述目标网页为需要加载目标插件对应的插件窗口的网页；根据所述网页文件和所述CSS文件生成所述目标网页对应的渲染树，其中，所述渲染树中包含所述插件窗口对应的插件窗口元素和插件窗口元素对应的样式属性信息；获取所述插件窗口对应的第一图像，并根据所述第一图像对所述渲染树中的插件窗口元素进行修改处理，其中，所述插件窗口对应的第一图像包含所述插件窗口被加载渲染后，所述插件窗口显示的内容；根据经过修改处理后的所述渲染树对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页。2.根据权利要求1所述的方法，其特征在于，所述获取所述插件窗口对应的第一图像，包括：向目标终端设备发送运行命令，以便所述目标终端设备在根据所述运行命令运行所述目标插件、所述目标插件加载渲染所述插件窗口后，根据所述插件窗口对应的窗口ID，在所述目标插件处获取所述第一图像；接收所述目标终端设备反馈的所述第一图像。3.根据权利要求1所述的方法，其特征在于，所述获取所述插件窗口对应的第一图像，包括：在后台运行所述目标插件，以便所述目标插件加载渲染所述插件窗口；根据所述插件窗口对应的窗口ID，在所述目标插件处获取所述第一图像。4.根据权利要求2所述的方法，其特征在于，在所述根据经过修改处理后的所述渲染树对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页之后，所述方法还包括：采集操作行为数据，其中，所述操作行为数据为用户对所述目标网页中的第一图像进行操作产生的数据；将所述操作行为数据发送至所述目标终端设备，以便所述目标终端设备在根据所述操作行为数据对所述插件窗口进行相应操作后，根据所述插件窗口对应的窗口ID，在所述目标插件处获取所述插件窗口对应的第二图像，其中，所述插件窗口对应的第二图像包含根据所述操作行为数据对所述插件窗口进行相应操作后，所述插件窗口显示的内容；接收所述目标终端设备反馈的所述第二图像，并根据所述第二图像对所述渲染树中的插件窗口元素进行修改处理；根据经过修改处理后的所述渲染树对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页。5.根据权利要求3所述的方法，其特征在于，在所述根据经过修改处理后的所述渲染树对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页之后，所述方法还包括：采集操作行为数据；在后台根据所述操作行为数据对所述插件窗口进行相应操作；根据所述插件窗口对应的窗口ID，在所述目标插件处获取所述插件窗口对应的第二图像；根据所述第二图像对所述渲染树中的插件窗口元素进行修改处理；2CN114254229A权利要求书2/2页根据经过修改处理后的所述渲染树对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页。6.根据权利要求1所述的方法，其特征在于，所述根据所述网页文件和所述CSS文件生成所述目标网页对应的渲染树，包括：根据所述网页文件生成所述目标网页对应的文档对象模型树；根据所述CSS文件生成所述目标网页对应的CSS对象模型树；结合所述文档对象模型树和所述CSS对象模型树，以生成目标网页对应的渲染树。7.根据权利要求1‑6中任一项所述的方