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

说明书

本发明实施例提供了一种网页渲染方法及装置，所述方法包括：获取网页的主资源文件，解析所述主资源文件得到所述网页的CSS文件个数N，所述N为大于0的整数；在所述N大于预设阈值的情况下，获取第i个CSS文件时，解析所述第i个CSS文件，获取所述第i个CSS文件对应的第i个解析结果，所述i取值为1、……、N；根据当前已获取的第1到第i个解析结果进行布局处理，获取布局结果i；根据所述布局结果i，对所述网页进行绘制显示。

技术领域

本发明涉及计算机领域，尤其涉及一种网页渲染方法及装置。

背景技术

目前，浏览器对网页进行渲染的效果主要是依赖于网页自身的层叠样式表(Cascading Style Sheets，CSS)，所述CSS用于提供网页的样式结构(例如输入框的位置和大小等)。大部分情况下，浏览器对网页进行渲染的过程如下：浏览器接收到网页主资源后，解析主资源得到需要继续加载的CSS文件的序列，并按照该序列依次加载这些CSS文件，浏览器每接收到一个CSS文件就对该CSS文件进行样式解析，然后按照解析结果进行布局处理，等所有CSS文件对应的接收、解析、布局过程结束后，浏览器才会根据最后的布局结果进行网页的绘制，并在浏览窗口显示出绘制完成的网页。

上述渲染过程中，浏览器要等所有CSS文件对应的接收、解析、布局过程结束后，才会根据最后的布局结果进行网页的绘制，如果CSS文件较多，浏览器接收完成所有的CSS就需要耗费较长的时间，且还要进行所有CSS文件的解析和对应的网页布局后才进行网页的绘制，这就会导致浏览器在加载网页时出现白屏并等待很长时间才出现网页画面的情况。

为了避免出现长时间的白屏现象，现有一种常见的优化方法是浏览器接收到网页主资源后，不等CSS文件的接收、解析、布局，而是直接根据主资源按照缺省样式对应的布局结果进行网页的绘制和显示，等完成所有的CSS文件解析后的样式布局后，再重新进行网页绘制和显示。

上述优化方法虽然可以避免出现长时间的白屏现象，但是，采用缺省样式对应的布局结果对网页进行绘制，容易出现布局混乱的网页，如网页上有乱码等。

发明内容

为解决现有存在的技术问题，本发明实施例提供一种网页渲染方法及装置，可以即避免长时间的白屏又避免布局混乱。

为达到上述目的，本发明实施例的技术方案是这样实现的：

一种网页渲染方法，所述方法包括：

获取网页的主资源文件，解析所述主资源文件得到所述网页的CSS文件个数N，所述N为大于0的整数；

在所述N大于预设阈值的情况下，获取第i个CSS文件时，解析所述第i个CSS文件，获取所述第i个CSS文件对应的第i个解析结果，所述i取值为1、……、N；

根据当前已获取的第1到第i个解析结果进行布局处理，获取布局结果i；

根据所述布局结果i，或者，确定所述第i个解析结果对应的第i组标签元素，在所述第i组标签元素中包括预设的大范围标签元素或所述i等于所述N时，对所述网页进行绘制显示。

上述方案中，所述根据当前已获取的第1到第i个解析结果进行布局处理，获取布局结果i，包括：

确定所述第i个解析结果对应的第i组标签元素；

在所述第i组标签元素中包括预设的大范围标签元素或者所述i等于所述N时，根据当前已获取的第1至i个解析结果进行布局处理，获取布局结果i。

上述方案中，所述方法还包括：

在所述第i组标签元素不包括预设的大范围标签元素且所述i不等于所述N时，存储所述第i个解析结果。

上述方案中，所述方法还包括：