网页页面的加载方法及装置、存储介质、电子设备制造方法及图纸

本公开是关于一种网页页面的加载方法及装置、存储介质、电子设备，涉及计算机技术领域，该方法包括：抽取原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；根据网页主体内容结构以及网站版权信息结构构建新增子节点，并基于新增子节点对原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；基于目标超文本标记语言文件中包括的新增子节点对原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；基于目标超文本标记语言文件以及目标层叠样式表文件，对待加载网页页面进行布局渲染。本公开提高了页面加载效率。页面加载效率。页面加载效率。

【技术实现步骤摘要】
网页页面的加载方法及装置、存储介质、电子设备


[0001]本公开实施例涉及计算机
，具体而言，涉及一种网页页面的加载方法、网页页面的加载装置、计算机可读存储介质以及电子设备。

技术介绍

[0002]现有的网页页面的加载方法中，在对网页页面中包括的版权信息进行加载时，会触发页面的回流重绘，进而使得加载效率较低。
[0003]需要说明的是，在上述
技术介绍
部分专利技术的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现思路

[0004]本公开的目的在于提供一种网页页面的加载方法、网页页面的加载装置、计算机可读存储介质以及电子设备，进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的加载效率较低的问题。
[0005]根据本公开的一个方面，提供一种网页页面的加载方法，包括：
[0006]获取与待加载网页页面对应的原始超文本标记语言文件以及原始层叠样式表文件，并抽取所述原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；
[0007]根据所述网页主体内容结构以及网站版权信息结构构建新增子节点，并基于所述新增子节点对所述原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；
[0008]基于所述目标超文本标记语言文件中包括的新增子节点对所述原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；
[0009]基于所述目标超文本标记语言文件以及目标层叠样式表文件，对所述待加载网页页面进行布局渲染。
[0010]根据本公开的一个方面，提供一种网页页面的加载装置，包括：
[0011]信息抽取模块，用于获取与待加载网页页面对应的原始超文本标记语言文件以及原始层叠样式表文件，并抽取所述原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；
[0012]子节点构建模块，用于根据所述网页主体内容结构以及网站版权信息结构构建新增子节点，并基于所述新增子节点对所述原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；
[0013]布局排列模块，用于基于所述目标超文本标记语言文件中包括的新增子节点对所述原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；
[0014]布局渲染模块，用于基于所述目标超文本标记语言文件以及目标层叠样式表文
件，对所述待加载网页页面进行布局渲染。
[0015]根据本公开的一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述的网页页面的加载方法。
[0016]根据本公开的一个方面，提供一种电子设备，包括：
[0017]处理器；以及
[0018]存储器，用于存储所述处理器的可执行指令；
[0019]其中，所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的网页页面的加载方法。
[0020]本公开实施例提供的一种网页页面的加载方法，一方面，由于可以通过抽取原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；进而根据网页主体内容结构以及网站版权信息结构构建新增子节点，并基于新增子节点对原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；然后基于目标超文本标记语言文件中包括的新增子节点对原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；最后基于目标超文本标记语言文件以及目标层叠样式表文件，对待加载网页页面进行布局渲染，进而在进行布局渲染时，无需触发页面的回流重绘，解决了现有技术中由于需要触发页面的回流重绘进而导致的加载效率较低的问题，提高了页面的加载效率；另一方面，在页面布局渲染的过程中，无需监听加载事件即可实现网站版权信息的显示，避免了由于需要监听加载时间进而需要添加大量的实现代码导致的系统负担较重的问题。
[0021]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
[0022]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0023]图1示意性示出一种不具有的滚动条的网页界面示例图。
[0024]图2示意性示出一种具有的滚动条的网页界面示例图。
[0025]图3示意性示出一种基于JavaScript操作HTML DOM实现的网页界面的代码示例图。
[0026]图4示意性示一种基于JavaScript操作HTML DOM实现的网页界面示例图。
[0027]图5示意性示出根据本公开示例实施例的一种网页页面的加载方法的流程图。
[0028]图6示意性示出根据本公开示例实施例的一种网页页面的加载方法的应用场景图。
[0029]图7示意性示出根据本公开示例实施例的一种网页页面的加载原理示例图。
[0030]图8示意性示出一种常规的入口HTML文件的文档结构的示例图。
[0031]图9示意性示出根据本公开示例实施例的一种原始超文本标记语言文件的结构示例图。
[0032]图10示意性示出根据本公开示例实施例的一种目标超文本标记语言文件的结构示例图。
[0033]图11示意性示出根据本公开示例实施例的一种基于目标超文本标记语言文件中包括的新增子节点对原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件的方法流程图。
[0034]图12示意性示出根据本公开示例实施例的一种目标层叠样式表文件的结构示例图。
[0035]图13示意性示出根据本公开示例实施例的一种网页页面的加载装置的框图。
[0036]图14示意性示出根据本公开示例实施例的一种用于实现上述网页页面的加载方法的电子设备。
具体实施方式
[0037]现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。
[0038]此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页页面的加载方法，其特征在于，包括：获取与待加载网页页面对应的原始超文本标记语言文件以及原始层叠样式表文件，并抽取所述原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构；根据所述网页主体内容结构以及网站版权信息结构构建新增子节点，并基于所述新增子节点对所述原始超文本标记语言文件进行更新，得到目标超文本标记语言文件；基于所述目标超文本标记语言文件中包括的新增子节点对所述原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件；基于所述目标超文本标记语言文件以及目标层叠样式表文件，对所述待加载网页页面进行布局渲染。2.根据权利要求1所述的网页页面的加载方法，其特征在于，抽取所述原始超文本标记语言文件中包括的网页主体内容结构以及网站版权信息结构，包括：对所述原始超文本标记语言文件进行解析，得到原始文档对象模型，并根据所述原始文档对象模型生成所述原始抽象语法树；遍历所述原始抽象语法树中包括的所有当前子节点，从所述当前子节点中确定所述网页主体内容结构所在的第一目标子节点，以及所述网站版信息结构所在的第二目标子节点；从所述第一目标子节点中抽取所述网页主体内容结构，并从所述第二目标子节点中抽取所述网站版权信息结构。3.根据权利要求2所述的网页页面的加载方法，其特征在于，根据所述网页主体内容结构以及网站版权信息结构构建新增子节点，包括：构建区隔标签，并为所述区隔标签配置根元素标识；根据所述网页主体内容结构、网站版权信息结构以及具有所述根元素标识的区隔标签，生成所述新增子节点。4.根据权利要求3所述的网页页面的加载方法，其特征在于，基于所述新增子节点对所述原始超文本标记语言文件进行更新，得到目标超文本标记语言文件，包括：利用所述新增节点对与所述原始超文本标记语言文件对应的原始抽象语法树中包括的第一目标子节点以及第二目标子节点进行替换，得到目标抽象语法树；对所述目标抽象语法树进行转换，得到所述目标超文本标记语言文件。5.根据权利要求1所述的网页页面的加载方法，其特征在于，基于所述目标超文本标记语言文件中包括的新增子节点对所述原始层叠样式表文件中包括的网页主体内容以及网站版权信息进行重新布局排列，得到目标层叠样式表文件，包括：从所述目标超文本标记语言文件中获取具有根元素标识的区隔标签，并获取所述区隔标签下的网页主体内容结构、网站版权信息结构；将所述原始层叠样式表文件中的根元素变更为弹性容器，并对所述各元素中包括的所有子元素进行竖向排列；其中，所述子元素包括网页主体内容以及网站版权信息；根据设置于终端设备的浏览器窗口的窗口高度为所述根元素配置基准高度，并基于所述基准高度，在所述弹性容器中配置所述网页主体内容结构以及网站版权信息结构之间的内容间距；基于所述内容间距，对所述原始层叠样式表文件中包括的网页主体内容以及网站版权
信息进行重新布局排列，得到目标层叠样式表文件。6.根据权利要求5所述的网页页面的加载方法，其特征在于，根据设置于终端设备的浏览器窗口的窗口高度为所述根元素配置基准高度，包括：获取加载所述待加载网页页面的终端设备所具有的屏幕分辨率；基于所述屏幕分辨率，确定加载所述待加载网页页面的浏览器窗口的窗口高度，并基于所述窗口高度为所述根元素配置基准高度。...

【专利技术属性】
技术研发人员：杨泽伟，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：