【技术实现步骤摘要】
网页加载方法、浏览器、电子设备及存储介质
本申请涉及计算机
,尤其涉及一种网页处理领域,特别涉及一种网页加载方法、浏览器、电子设备及存储介质。
技术介绍
目前为止最流行的前端框架Vue、React等均采用了虚拟文档对象模型(Documentobjectmodel;Dom)的方案来优化网页的渲染逻辑。且在传统模式下,业务结构反映到底层内核需要经过超文本标记语言(HyperTextMarkupLanguage;HTML)层这个中间模式才能真正触发界面绘制。基于此,现有的网页的页面加载过程从浏览器的前端框架到浏览器的内核需要经过页面的Template配置、虚拟(Virtual)Dom、HTMLDom以及内核Dom,才能实现页面的加载。经过对上述模式的详细分析,可以发现Dom本身的逻辑结构几乎是相同的,前端框架中的虚拟Dom和内核层面的内核Dom则具有一定的结构相似度,必然导致前端框架中的Template到VirtualDom的Template解析(parser)过程中、VirtualDom到HTMLDom的VirtualDomparser过程中以及HTMLDom到内核Dom的HTMLElementparser的过程中,均存在一定程度的重复性操作。比如均进行了部分深度遍历、比较、转换对象结构等计算,在网页较为复杂时,现有的加载过程会导致网页加载耗时较长,从而使得网页的加载性能较低。
技术实现思路
为了解决上述技术问题,本申请提供一种网页加载方法、浏览器、电子设备及存储介质,用于缩短加载时长, ...
【技术保护点】
1.一种网页加载方法,其特征在于,包括:/n获取网页的虚拟文档对象模型信息;/n基于预先建立的文档对象模型结构规范模板,将所述虚拟文档对象模型信息转换为面向内核层的内核文档对象模型信息;/n基于所述内核文档对象模型信息,对网页的页面进行渲染,实现网页的加载。/n
【技术特征摘要】
1.一种网页加载方法,其特征在于,包括:
获取网页的虚拟文档对象模型信息;
基于预先建立的文档对象模型结构规范模板,将所述虚拟文档对象模型信息转换为面向内核层的内核文档对象模型信息;
基于所述内核文档对象模型信息,对网页的页面进行渲染,实现网页的加载。
2.根据权利要求1所述的方法,其特征在于,基于预先建立的文档对象模型结构规范,将所述虚拟文档对象模型信息转换为面向内核层的内核文档对象模型信息之前,所述方法还包括:
基于所述内核层的信息识别需求,建立所述文档对象模型结构规范模板。
3.根据权利要求1所述的方法,其特征在于,基于所述内核文档对象模型信息,对网页的页面进行渲染之前,还包括:
基于所述内核文档对象模型信息和所述网页的上一版本页面的内核文档对象模型信息,计算所述网页中更新的节点信息;
对应地,基于所述内核文档对象模型信息,对网页的页面进行渲染,实现网页的加载,包括:
基于所述网页中更新的节点信息和所述网页的上一版本页面的内核文档对象模型信息,对所述网页的页面进行渲染,实现网页的加载。
4.根据权利要求1所述的方法,其特征在于,获取网页的虚拟文档对象模型信息,包括:
获取在当前前端框架下配置的所述虚拟文档对象模型信息;
获取在当前的前端框架下配置的第一模板信息;基于所述第一模板信息,生成所述虚拟文档对象模型信息;或者
获取其他前端框架下的网页的第二模板信息,基于所述第二模板信息生成初始虚拟文档对象模型信息;基于预先建立的所述其他前端框架与所述当前前端框架之间的信息映射关系,将所述初始虚拟文档对象模型信息转换为所述虚拟文档对象模型信息。
5.根据权利要求4所述的方法,其特征在于,基于预先建立的所述其他前端框架与所述当前前端框架之间的信息映射关系,将所述初始虚拟文档对象模型信息转换为所述虚拟文档对象模型信息之前,所述方法还包括:
根据所述其他前端框架中的信息定义方式与所述当前前端框架中的信息定义方式,建立所述其他前端框架与所述当前前端框架之间的信息映射关系。
6.根据权利要求1-5任一所述的方法,其特征在于,所述虚拟文档对象模型信息包括虚拟文档对象模型的树信息、或者虚拟文档对象模型树中更新的节点信息。
7.一种浏览器设备,其特征在于,包括:
获取模块,用于获取网页的虚...
【专利技术属性】
技术研发人员:牛潞彪,
申请(专利权)人:百度在线网络技术北京有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。