[发明专利]网页加载方法、浏览器、电子设备及存储介质

说明书

本申请公开了网页加载方法、浏览器、电子设备及存储介质，涉及网页处理技术领域。具体实现方案为：获取网页的虚拟文档对象模型信息；于预先建立的文档对象模型结构规范模板，将所述虚拟文档对象模型信息转换为面向内核层的内核文档对象模型信息；基于所述内核文档对象模型信息，对网页的页面进行渲染，实现网页的加载。本申请的技术方案，能够有效地缩短页面加载的耗时，提升页面加载性能。

技术领域

本申请涉及计算机技术领域，尤其涉及一种网页处理领域，特别涉及一种网页加载方法、浏览器、电子设备及存储介质。

背景技术

目前为止最流行的前端框架Vue、React等均采用了虚拟文档对象模型(Documentobject model；Dom)的方案来优化网页的渲染逻辑。且在传统模式下，业务结构反映到底层内核需要经过超文本标记语言(Hyper Text Markup Language；HTML)层这个中间模式才能真正触发界面绘制。基于此，现有的网页的页面加载过程从浏览器的前端框架到浏览器的内核需要经过页面的Template配置、虚拟(Virtual)Dom、HTML Dom以及内核Dom，才能实现页面的加载。

经过对上述模式的详细分析，可以发现Dom本身的逻辑结构几乎是相同的，前端框架中的虚拟Dom和内核层面的内核Dom则具有一定的结构相似度，必然导致前端框架中的Template到Virtual Dom的Template解析(parser)过程中、Virtual Dom到HTML Dom的Virtual Dom parser过程中以及HTML Dom到内核Dom的HTML Element parser的过程中，均存在一定程度的重复性操作。比如均进行了部分深度遍历、比较、转换对象结构等计算，在网页较为复杂时，现有的加载过程会导致网页加载耗时较长，从而使得网页的加载性能较低。

发明内容

为了解决上述技术问题，本申请提供一种网页加载方法、浏览器、电子设备及存储介质，用于缩短加载时长，提高网页加载性能。

一方面，本申请提供一种网页加载方法，包括：

获取网页的虚拟文档对象模型信息；

基于预先建立的文档对象模型结构规范模板，将所述虚拟文档对象模型信息转换为面向内核层的内核文档对象模型信息；

基于所述内核文档对象模型信息，对网页的页面进行渲染，实现网页的加载。

进一步可选地，如上所述的方法中，基于预先建立的文档对象模型结构规范，将所述虚拟文档对象模型信息转换为面向内核层的内核文档对象模型信息之前，所述方法还包括：

基于所述内核层的信息识别需求，建立所述文档对象模型结构规范。

进一步可选地，如上所述的方法中，基于所述内核文档对象模型信息，对网页的页面进行渲染之前，还包括：

基于所述内核文档对象模型信息和所述网页的上一版本页面的内核文档对象模型信息，计算所述网页中更新的节点信息；

对应地，基于所述内核文档对象模型信息，对网页的页面进行渲染，实现网页的加载，包括：

基于所述网页中更新的节点信息和所述网页的上一版本页面的内核文档对象模型信息，对所述网页的页面进行渲染，实现网页的加载。

进一步可选地，如上所述的方法中，获取网页的虚拟文档对象模型信息，包括：

获取在当前前端框架下配置的所述虚拟文档对象模型信息；

获取在当前的前端框架下配置的第一模板信息；基于所述第一模板信息，生成所述虚拟文档对象模型信息；或者