[发明专利]页面展现方法和装置

说明书

本申请公开了一种页面展现方法和装置，该方法包括：在展现出的第一页面上检测到页面切换操作时，获取待切换到的第二页面的源代码；基于该第一页面及第二页面的源代码，确定第二页面与第一页面的差异元素信息；获取缓存的该第一网页的第一虚拟文档对象模型DOM文件；依据该差异元素信息，更新第一网页的第一虚拟DOM文件，以构建出该第二网页对应的第二虚拟DOM文件；将该第二虚拟DOM文件映射为该第二网页的真实DOM文件；基于该第二网页的真实DOM文件加载并展现该第二网页。本申请的方案可以提高页面加载速度，减少页面展现速度过慢的情况。

技术领域

本申请涉及网页应用技术领域，尤其涉及一种页面展现方法和装置。

背景技术

在网站中一般都包含有多个页面，为了实现不同的需求，经常会涉及到网页的切换。

由于不同页面之间会有所差别，浏览器每次需要切换页面时，都需要从网站获取待展现的页面对应的页面数据，然后加载并展现该页面。然而，浏览器在获取到页面数据之后，加载页面的过程需要较长的时间，导致页面展现速度过慢。

发明内容

有鉴于此，本申请提供了一种页面展现方法和装置，以提高页面加载速度，减少页面展现速度过慢的情况。

为实现上述目的，一方面，本申请提供了一种页面展现方法，包括：

在展现出的第一页面上检测到页面切换操作时，获取待切换到的第二页面的源代码；

基于所述第一页面的源代码以及第二页面的源代码，确定所述第二页面与所述第一页面的差异元素信息，所述差异元素信息为所述第一页面以及第二页面中存在差异的元素的信息；

获取缓存的所述第一网页的第一虚拟文档对象模型DOM文件，所述第一虚拟DOM文件包括所述第一网页中各个页面元素对应的虚拟DOM节点；

依据所述差异元素信息，更新所述第一网页的第一虚拟DOM文件，以构建出所述第二网页对应的第二虚拟DOM文件，所述第二虚拟DOM文件包括所述第二网页中各个页面元素对应的虚拟DOM节点；

将所述第二虚拟DOM文件映射为所述第二网页的真实DOM文件；

基于所述第二网页的真实DOM文件加载并展现所述第二网页。

优选的，所述差异元素信息包括以下任意一种或者多种：

第一页面中具有且第二页面中不具有的第一网页元素；

第二网页中具有且第一页面中不具有的第二网页元素；

第二网页与第一网页中相同类型但属性值不同的第三网页元素；

所述依据所述差异元素信息，更新所述第一网页的第一虚拟DOM文件，以构建出所述第二网页对应的第二虚拟DOM文件，包括：

如果所述差异元素信息包括所述第一页面元素，将所述第一虚拟DOM文件中与所述第一网页元素对应的虚拟DOM节点删除；

如果所述差异元素信息包括所述第二网页元素，在所述第一虚拟DOM文件中创建与所述第二网页元素对应的虚拟DOM节点；

如果所述差异元素信息包括所述第三网页元素，将所述第一虚拟DOM文件中所述第三网页元素对应的虚拟DOM节点的属性值调整为所述第二网页中所述第三网页元素对应的属性值，得到所述第二网页对应的虚拟DOM文件。

优选的，所述如果所述差异元素信息包括所述第二网页元素，在所述第一虚拟DOM文件中创建与所述第二网页元素对应的虚拟DOM节点，包括：

如果所述差异元素信息包括所述第二网页元素，从组件库中调用与所述第二网页元素对应的组件，并将调用的组件作为所述第二网页元素对应的虚拟DOM节点添加到所述第一虚拟DOM文件中。