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

说明书

本申请公开一种网页渲染方法及装置，涉及浏览器技术领域。本申请的方法包括：获取目标网页对应的网页文件和CSS文件，目标网页为需要加载目标插件对应的插件窗口的网页；根据网页文件和CSS文件生成目标网页对应的文档对象模型树、渲染树和绘制图层树，文档对象模型树、渲染树和绘制图层树中均包含插件窗口对应的插件窗口元素；根据文档对象模型树、渲染树和绘制图层树确定插件窗口元素对应的目标位置集合，目标位置集合包含插件窗口元素对应的至少一个待裁剪位置或插件窗口元素对应的至少一个待隐藏位置；根据绘制图层树和目标位置集合对目标网页进行渲染处理，并输出显示渲染后的目标网页，渲染后的目标网页中包含经过优化处理后的插件窗口。

技术领域

本申请涉及浏览器技术领域，尤其涉及一种网页渲染方法及装置。

背景技术

浏览器是用来检索、展示及传递Web信息资源的应用程序。其中，浏览器厂商为了丰富浏览器的功能，通常会针对需要增加的功能为浏览器开发相应的插件。

然而，插件对应的插件窗口与CSS(层叠样式表，Cascading Style Sheets)样式不兼容，使得无法通过CSS样式限定插件窗口的透明度，从而导致插件窗口会遮挡住网页中的其他元素，影响网页的正常显示，进而会降低用户的用户体验。

发明内容

本申请实施例提供一种网页渲染方法及装置，主要目的在于当待渲染的网页(即目标网页)为需要加载目标插件对应的插件窗口的网页时，避免目标插件对应的插件窗口遮挡住目标网页内的其他元素，从而正常显示目标网页。

为解决上述技术问题，本申请实施例提供如下技术方案：

第一方面，本申请提供了一种网页渲染方法，所述方法包括：

获取目标网页对应的网页文件和CSS文件，其中，所述目标网页为需要加载目标插件对应的插件窗口的网页；

根据所述网页文件和所述CSS文件生成所述目标网页对应的文档对象模型树、渲染树和绘制图层树，其中，所述文档对象模型树、所述渲染树和所述绘制图层树中均包含所述插件窗口对应的插件窗口元素；

根据所述文档对象模型树、所述渲染树和所述绘制图层树确定所述插件窗口元素对应的目标位置集合，其中，所述目标位置集合包含所述插件窗口元素对应的至少一个待裁剪位置或所述插件窗口元素对应的至少一个待隐藏位置；

根据所述绘制图层树和所述目标位置集合对所述目标网页进行渲染处理，并输出显示渲染后的所述目标网页，其中，渲染后的所述目标网页中包含经过优化处理后的所述插件窗口。

可选的，所述根据所述文档对象模型树、所述渲染树和所述绘制图层树确定所述插件窗口元素对应的目标位置集合，包括：

根据所述文档对象模型树确定所述插件窗口元素所在图层；

根据所述绘制图层树和所述插件窗口元素所在图层确定目标元素集合，其中，所述目标元素集合中包含至少一个第一目标元素，所述第一目标元素为在所述插件窗口元素所在图层之上的图层中包含的元素；

在所述渲染树中获取所述插件窗口元素对应的位置信息、每个所述第一目标元素对应的位置信息和透明度信息；

根据所述插件窗口元素对应的位置信息、每个所述第一目标元素对应的位置信息和透明度信息，在至少一个所述第一目标元素中选取第二目标元素，其中，所述第二目标元素为所在位置与所述插件窗口元素所在位置存在重合、且透明度大于预设透明度阈值的第一目标元素；

根据预置规则、所述插件窗口元素对应的位置信息和每个所述第二目标元素对应的位置信息确定所述目标位置集合。

可选的，所述根据所述绘制图层树和所述目标位置集合对所述目标网页进行渲染处理，包括：