网页页面的加载方法及装置、存储介质、电子设备.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115758003A(43)申请公布日2023.03.07(21)申请号202211387552.3(22)申请日2022.11.07(71)申请人网易（杭州）网络有限公司地址310052浙江省杭州市滨江区网商路599号网易大厦(72)发明人杨泽伟(74)专利代理机构北京律智知识产权代理有限公司11438专利代理师刘莉(51)Int.Cl.G06F16/957(2019.01)G06F16/958(2019.01)G06F40/149(2020.01)权利要求书3页说明书14页附图9页(54)发明名称网页页面的加载方法及装置、存储介质、电子设备(57)摘要本公开是关于一种网页页面的加载方法及装置、存储介质、电子设备，涉及计算机技术领域，该方法包括：抽取原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；根据网页主体内容结构以及网站版权信息结构构建新增子节点，并基于新增子节点对原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；基于目标超文本标记语言文件中包括的新增子节点对原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；基于目标超文本标记语言文件以及目标层叠样式表文件，对待加载网页页面进行布局渲染。本公开提高了页面加载效率。CN115758003ACN115758003A权利要求书1/3页1.一种网页页面的加载方法，其特征在于，包括：获取与待加载网页页面对应的原始超文本标记语言文件以及原始层叠样式表文件，并抽取所述原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；根据所述网页主体内容结构以及网站版权信息结构构建新增子节点，并基于所述新增子节点对所述原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；基于所述目标超文本标记语言文件中包括的新增子节点对所述原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；基于所述目标超文本标记语言文件以及目标层叠样式表文件，对所述待加载网页页面进行布局渲染。2.根据权利要求1所述的网页页面的加载方法，其特征在于，抽取所述原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构，包括：对所述原始超文本标记语言文件进行解析，得到原始文档对象模型，并根据所述原始文档对象模型生成所述原始抽象语法树；遍历所述原始抽象语法树中包括的所有当前子节点，从所述当前子节点中确定所述网页主体内容结构所在的第一目标子节点，以及所述网站版信息结构所在的第二目标子节点；从所述第一目标子节点中抽取所述网页主体内容结构，并从所述第二目标子节点中抽取所述网站版权信息结构。3.根据权利要求2所述的网页页面的加载方法，其特征在于，根据所述网页主体内容结构以及网站版权信息结构构建新增子节点，包括：构建区隔标签，并为所述区隔标签配置根元素标识；根据所述网页主体内容结构、网站版权信息结构以及具有所述根元素标识的区隔标签，生成所述新增子节点。4.根据权利要求3所述的网页页面的加载方法，其特征在于，基于所述新增子节点对所述原始超文本标记语言文件进行更新，得到目标超文本标记语言文件，包括：利用所述新增节点对与所述原始超文本标记语言文件对应的原始抽象语法树中包括的第一目标子节点以及第二目标子节点进行替换，得到目标抽象语法树；对所述目标抽象语法树进行转换，得到所述目标超文本标记语言文件。5.根据权利要求1所述的网页页面的加载方法，其特征在于，基于所述目标超文本标记语言文件中包括的新增子节点对所述原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件，包括：从所述目标超文本标记语言文件中获取具有根元素标识的区隔标签，并获取所述区隔标签下的网页主体内容结构、网站版权信息结构；将所述原始层叠样式表文件中的根元素变更为弹性容器，并对所述各元素中包括的所有子元素进行竖向排列；其中，所述子元素包括网页主体内容以及网站版权信息；根据设置于终端设备的浏览器窗口的窗口高度为所述根元素配置基准高度，并基于所述基准高度，在所述弹性容器中配置所述网页主体内容结构以及网站版权信息结构之间的内容间距；基于所述内容间距，对所述原始层叠样式表文件中包括的网页主体内容以及网站版权2CN115758003A权利要求书2/3页信息进行重新布局排列，得到目标层叠样式表文件。6.根据权利要求5所述的网页页面的加载方法，其特征在于，根据设置于终端设备的浏览器窗口的窗口高度为所述根元素配置基准高度，包括：获取加载所述待加载网页页面的终端设备所具有的屏幕分辨率；基于所述屏幕分辨率，确定加载所述待加载网页页面的浏览器窗口的窗口高度，并基于所述窗口高