[发明专利]网页渲染方法、系统、电子设备及计算机可读存储介质

权利要求书

1.一种网页渲染方法，其特征在于，应用于浏览器，该网页渲染方法包括：

当接收到页面更新请求，获取所述页面更新请求对应的HTLM文件，基于所述HTLM文件生成基础DOM树；

通过JS脚本中的DOM渲染组件执行处理操作，所述处理操作包括：基于所述HTLM文件生成第一虚拟DOM树，对所述第一虚拟DOM树执行所述JS脚本中的DOM操作，得到第二虚拟DOM树；

将所述第二虚拟DOM树渲染到所述基础DOM树上得到DOM树；

基于所述DOM树生成渲染树，将所述渲染树绘制到所述页面更新请求对应的页面上。

2.根据权利要求1所述的网页渲染方法，其特征在于，所述对所述第一虚拟DOM树执行所述JS脚本中的DOM操作的过程包括：

解析所述JS脚本中的初始DOM操作；

将每一所述初始DOM操作的操作对象修改为所述第一虚拟DOM树，得到与该初始DOM操作对应的目标DOM操作，以便在执行所述JS脚本时，对所述第一虚拟DOM树执行所述目标DOM操作。

3.根据权利要求2所述的网页渲染方法，其特征在于，所述初始DOM操作的操作名称和与其一一对应的所述目标DOM操作的操作名称相同。

4.根据权利要求1所述的网页渲染方法，其特征在于，所述对所述第一虚拟DOM树执行所述JS脚本中的DOM操作，得到第二虚拟DOM树的过程包括：

对所述第一虚拟DOM树执行完所述JS脚本中的所有所述DOM操作，得到第二虚拟DOM树。

5.根据权利要求1所述的网页渲染方法，其特征在于，所述通过JS脚本中的DOM渲染组件执行处理操作的过程包括：

当接收到所述页面更新请求，加载JS脚本中的DOM渲染组件，以便通过所述DOM渲染组件执行处理操作。

6.根据权利要求1-5任意一项所述的网页渲染方法，其特征在于，所述基于所述DOM树生成渲染树的过程包括：

根据所述页面更新请求对应的预设规则对所述DOM树进行调整得到渲染树。

7.根据权利要求6所述的网页渲染方法，其特征在于，该网页渲染方法还包括：

当接收到所述页面更新请求，获取所述页面更新请求对应的CSS文件，基于所述CSS文件生成所述CSS规则树；

所述根据所述页面更新请求对应的预设规则对所述DOM树进行调整得到渲染树的过程包括：

基于所述CSS规则树对所述DOM树进行调整生成渲染树。

8.一种网页渲染系统，其特征在于，应用于浏览器，该网页渲染系统包括：

第一处理模块，用于当接收到页面更新请求，获取所述页面更新请求对应的HTLM文件，基于所述HTLM文件生成基础DOM树；

第二处理模块，用于通过JS脚本中的DOM渲染组件执行处理操作，所述处理操作包括：基于所述HTLM文件生成第一虚拟DOM树，对所述第一虚拟DOM树执行所述JS脚本中的DOM操作，得到第二虚拟DOM树；

第三处理模块，用于将所述第二虚拟DOM树渲染到所述基础DOM树上得到DOM树；

显示模块，用于基于所述DOM树生成渲染树，将所述渲染树绘制到所述页面更新请求对应的页面上。

9.一种电子设备，其特征在于，包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如权利要求1-7任意一项所述的网页渲染方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1-7任意一项所述的网页渲染方法的步骤。