CN108829828B - 一种网页显示方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本发明实施例提供了一种网页显示方法、装置、电子设备及可读存储介质。该方法包括：当接收到网页打开指令时，确定网页打开指令所指示打开的目标网页对应的页面状态树；页面状态树存储在电子设备本地；页面状态树记录有：实现目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识；从目标网页所对应的服务器，获取每个访问标识所指向的数据；将每个访问标识所指向的数据写入页面状态树，得到第一调整页面状态树；根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染。应用本发明实施例，可以提高网页的显示速度，提升了用户浏览网页的体验。

Description

一种网页显示方法、装置、电子设备及可读存储介质

技术领域

本发明涉及计算机技术领域，特别是涉及一种网页显示方法、装置、电子设备及可读存储介质。

背景技术

目前，常常通过电子设备上的网页浏览器来显示网页。例如，可以通过网页浏览器来显示购物网站中商品对应的购物网页。

发明人发现，网页浏览器在显示每个网页之前，都需要从每个网页对应的服务器拉取该网页的源码。其中，一个网页的源码中记录有：实现该网页中各个模块的功能的程序代码和构建各个模块所要显示内容所需的数据。这样，使得网页浏览器所要拉取的数据量较大，拉取时间较长，使得网页的显示速度较慢，影响用户的浏览体验。

发明内容

本发明实施例的目的在于提供一种网页显示方法、装置、电子设备及可读存储介质，以提高网页的显示速度，从而提升用户浏览网页的体验。

第一方面，本发明实施例提供了一种网页显示方法，应用于电子设备，该方法可以包括：

当接收到网页打开指令时，确定网页打开指令所指示打开的目标网页对应的页面状态树；其中，页面状态树存储在电子设备本地；页面状态树记录有：实现目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识；

从目标网页所对应的服务器，获取每个访问标识所指向的数据；

将每个访问标识所指向的数据写入页面状态树，得到第一调整页面状态树；其中，第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系；

根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染。

可选地，在根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染的步骤之后，该方法还可以包括：

判断是否接收到用户触发的、针对目标网页的页面内显示调整指令；

若是，确定页面内显示调整指令所指示调整的待调整内容和调整参数；待调整内容包括第一调整页面状态树中的任意内容；

根据待调整内容和调整参数对第一调整页面状态树进行调整，得到第二调整页面状态树；

根据第二调整页面状态树，对目标网页中各个模块所要显示的内容进行重新渲染。

可选地，页面内显示调整指令可以包括：页面放大指令或页面缩小指令。

可选地，在根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染的步骤之后，该方法还可以包括：

判断第一调整页面状态树中是否记录有定时更新显示内容的目标模块；

若记录有目标模块，当到达更新目标模块的显示内容的时刻时，根据映射关系获取目标模块所要显示的内容的访问标识所指向的更新数据；

利用更新数据对第一调整页面状态树中的、目标模块所要显示的内容的访问标识所指向的数据进行替换，得到第三调整页面状态树；

根据第三调整页面状态树，对目标网页中目标模块所要显示的内容进行重新渲染。

可选地，在确定网页打开指令所指示打开的目标网页对应的页面状态树的步骤之前，该方法还可以包括：

从目标网页所对应的服务器中，获取目标网页对应的页面状态树，作为预存页面状态树；

实时监测服务器中存储的、目标网页对应的页面状态树是否发生更新；

若发生更新，从服务器获取目标网页对应的、更新后的页面状态树；

利用更新后的页面状态树对预存页面状态树进行替换。

可选地，当接收到网页打开指令时，确定网页打开指令所指示打开的目标网页对应的页面状态树的步骤，可以包括：

当接收到网页打开指令时，将更新后的页面状态树确定为网页打开指令所指示打开的目标网页对应的页面状态树。

可选地，页面状态树为目标网页所属网站的网站页面状态树中的子页面状态树；网站页面状态树中包括：目标网页所属网站的各个网页对应的页面状态树。

第二方面，本发明实施例提供了一种网页显示装置，应用于电子设备，该装置可以包括：

第一确定单元，用于当接收到网页打开指令时，确定网页打开指令所指示打开的目标网页对应的页面状态树；其中，页面状态树存储在电子设备本地；页面状态树记录有：实现目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识；

第一获取单元，用于从目标网页所对应的服务器，获取每个访问标识所指向的数据；

写单元，用于将每个访问标识所指向的数据写入页面状态树，得到第一调整页面状态树；其中，第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系；

第一显示单元，用于根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染。

可选地，在本发明实施例中，该装置还可以包括：

第一判断单元，用于在根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染之后，判断是否接收到用户触发的、针对目标网页的页面内显示调整指令；

第二确定单元，用于在判断接收到用户触发的、针对目标网页的页面内显示调整指令时，确定页面内显示调整指令所指示调整的待调整内容和调整参数；待调整内容包括第一调整页面状态树中的任意内容；

调整单元，用于根据待调整内容和调整参数对第一调整页面状态树进行调整，得到第二调整页面状态树；

第二显示单元，用于根据第二调整页面状态树，对目标网页中各个模块所要显示的内容进行重新渲染。

可选地，页面内显示调整指令可以包括：页面放大指令或页面缩小指令。

可选地，在本发明实施例中，该装置还可以包括：

第二判断单元，用于在根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染之后，判断第一调整页面状态树中是否记录有定时更新显示内容的目标模块；

第二获取单元，用于当判断第一调整页面状态树中记录有定时更新显示内容的目标模块，并到达更新目标模块的显示内容的时刻时，根据映射关系获取目标模块所要显示的内容的访问标识所指向的更新数据；

第一替换单元，用于利用更新数据对第一调整页面状态树中的、目标模块所要显示的内容的访问标识所指向的数据进行替换，得到第三调整页面状态树；

第三显示单元，用于根据第三调整页面状态树，对目标网页中目标模块所要显示的内容进行重新渲染。

可选地，在本发明实施例中，该装置还可以包括：

第三获取单元，用于在确定网页打开指令所指示打开的目标网页对应的页面状态树之前，从目标网页所对应的服务器中，获取目标网页对应的页面状态树，作为预存页面状态树；

监测单元，用于实时监测服务器中存储的、目标网页对应的页面状态树是否发生更新；

第四获取单元，用于当监测服务器中存储的、目标网页对应的页面状态树发生更新时，从服务器获取目标网页对应的、更新后的页面状态树；

第二替换单元，用于利用更新后的页面状态树对预存页面状态树进行替换。

可选地，第一确定单元具体可以用于：当接收到网页打开指令时，将更新后的页面状态树确定为网页打开指令所指示打开的目标网页对应的页面状态树。

可选地，页面状态树为目标网页所属网站的网站页面状态树中的子页面状态树；网站页面状态树中包括：目标网页所属网站的各个网页对应的页面状态树。

第三方面，本发明实施例提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述任一项网页显示方法的方法步骤。

第四方面，本发明实施例提供了一种可读存储介质，可读存储介质内存储有计算机程序，计算机程序被电子设备的处理器执行时实现上述任一网页显示方法的方法步骤。

第五方面，本发明实施例还提供了一种包含指令的计算机程序产品，当其在电子设备上运行时，使得电子设备执行：上述任一网页显示方法的方法步骤。

在本发明实施例中，电子设备在接收到网页打开指令时，可以确定该网页打开指令所指示打开的目标网页对应的、存储在本地的页面状态树。由于该页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要从目标网页所对应的服务器，获取该访问标识所指向的数据，而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。然后，可以将获取到的每个访问标识所指向的数据写入该页面状态树，得到第一调整页面状态树。该第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系。之后，可以根据第一调整状态树中记录的内容，对目标网页中各个模块所要显示的内容渲染，从而实现对目标网页的显示。该种显示方式，缩短了数据获取时间，从而提高了网页的显示速度，提升了用户浏览网页的体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种网页显示方法的流程图；

图2为本发明实施例提供的一种网页显示装置的结构示意图；

图3为本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为了解决现有的网页显示方案中显示网页速度较慢的技术问题，本发明实施例提供了一种新的网页显示方法、装置、电子设备及可读存储介质。

下面首先对本发明实施例提供的网页显示方法进行说明。

本发明实施例提供的网页显示方法的执行主体为电子设备。该电子设备包括但并不局限于手机和平板电脑。该电子设备上可以安装有能够打开网页的应用程序，例如网页浏览器和聊天软件等。

参见图1，本发明实施例提供的网页显示方法可以包括如下步骤：

S101：当接收到网页打开指令时，确定网页打开指令所指示打开的目标网页对应的页面状态树；其中，页面状态树存储在电子设备本地；页面状态树记录有：实现目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识；

假设电子设备上安装有网页浏览器。那么，当用户想要通过该网页浏览器打开一个购物网页时，用户可以执行打开该购物网页的触发操作(例如点击该购物网页的图标)。电子设备在接收到该触发操作后，即可确定接收到针对该购物网页的网页打开指令。并且，在确定接收到网页打开指令后，电子可以确定该网页打开指令所指示打开的目标网页(即该购物网页)对应的、预先存储在该电子设备中的页面状态树。

其中，该页面状态树可以为目标网页所属网站的网站页面状态树中的子页面状态树。也就是，该页面状态树可以为目标网页所属网站的网站页面状态树中的一部分。并且，该网站页面状态树中至少包括：目标网页所属网站的各个网页对应的页面状态树。

当电子设备上的网页浏览器在第一次打开该网站的任意网页时，电子设备可以从该网站所对应的服务器拉取该网站对应的网站页面状态树，并存储在本地。这样，当接到指示打开目标网页的网页打开指令时，可以从网站页面状态树中查找到该目标网页对应的页面状态树。

S102：从目标网页所对应的服务器，获取每个访问标识所指向的数据；

由于目标网页对应的页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要向目标网页所对应的服务器发送数据获取请求，以请求获取该访问标识所指向的数据。而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。

其中，所获取的访问标识所指向的数据是用于构建该访问标识对应的模块所要显示的内容的。举例而言，该目标网页的一个模块为天气模块，那么该天气模块对应的访问标识所指向的数据包括：天气图标和温湿度数据，当然并不局限于此。

S103：将每个访问标识所指向的数据写入页面状态树，得到第一调整页面状态树；其中，第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系；

S104：根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染。

其中，在获得每个访问标识所指向的数据后，电子设备可以将每个访问标识所指向的数据写入页面状态树，得到第一调整页面状态树。这样，使得电子设备在获得第一调整页面状态树后，可以根据第一调整页面状态树中的访问标识和该访问标识所指向的数据的映射关系，找到构建每个模块所要显示内容所需的数据。并结合第一调整页面状态树中所记录的实现目标网页中各个模块的功能的程序代码，来生成该目标网页的渲染树Rendering Tree。之后根据渲染树对该目标网页所要显示的内容进行渲染，从而实现对该目标网页的显示。

在本发明实施例中，电子设备在接收到网页打开指令时，可以确定该网页打开指令所指示打开的目标网页对应的、存储在本地的页面状态树。由于该页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要从目标网页所对应的服务器，获取该访问标识所指向的数据，而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。然后，可以将获取到的每个访问标识所指向的数据写入该页面状态树，得到第一调整页面状态树。该第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系。之后，可以根据第一调整状态树中记录的内容，对目标网页中各个模块所要显示的内容渲染，从而实现对目标网页的显示。该种显示方式，缩短了数据获取时间，从而提高了网页的显示速度，提升了用户浏览网页的体验。

下面对本发明实施例提供的网页显示方法进行详细说明。

当需要利用电子设备中的浏览器来对网页A进行显示时，该电子设备可以判断是否存储有该网页A所属网站a的网站页面状态树。若未存储有该网站页面状态树，则从网站a所对应的服务器中拉取并存储网站a的网站页面状态树。其中，该网站页面状态树中记录有：网站a中的各个网页对应的页面状态树。

其中，网站是指在因特网上根据一定的规则，使用HTML(Hyper Text MarkupLanguage，超级文本标记语言)等工具制作的用于展示特定内容相关网页的集合。

在拉取网站a的网站页面状态树后，可以查找该网站页面状态树中记录的、网页A对应的页面状态树。此时，可以获得网页A对应的页面状态树，并可以将该页面状态树记为网页A的预存页面状态树。其中，网页A对应的页面状态树中记录有：实现网页A中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识，当然并不局限于此。

在查找到网页A对应的页面状态树后，可以给网页A对应的服务器发送数据获取请求。服务器在接收到该数据获取请求后，可以去查找数据获取请求中携带的各个访问标识所指向的数据，并将查找到的各个访问标识所指向的数据发送给电子设备。从而，电子设备可以获得服务器发送的、构建网页A的各个模块所要显示内容所需的数据。

然后，电子设备可以将所获得的、构建网页A的各个模块所要显示内容所需的数据写入：网页A对应的页面状态树的相应模块中，得到网页A对应的第一调整页面状态树。

由于网页A对应的第一调整页面状态树中记录有：实现网页A中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据。因而，可以基于第一调整页面状态树中记录程序代码和所要显示内容所需的数据来构建DOM Tree(Document Object ModelTree，文档对象化模型树)和CSS Rule Tree (Cascading Style Sheets Rule Tree，层叠样式表规则树)。然后，通过DOM Tree和CSS Rule Tree来构造渲染树Rendering Tree，并根据该渲染树对网页A进行渲染，从而实现对网页A的显示。

当对网页A进行显示之后，电子设备中接收到针对网站a的网页B的网页打开指令时，电子设备可以判断本地存储有该网页B所属网站a的网站页面状态树。由于网站a的网站页面状态树记录有网站a中的各个网页对应的页面状态树，因而电子设备可以查找该网站页面状态树中记录的、网页B对应的页面状态树。即可以获取网页B对应的预存页面状态树。其中，网页B对应的页面状态树中记录有：实现网页B中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识，当然并不局限于此。

然后，可以从网页B对应的服务器中，获取网页B对应的页面状态树中的各个访问标识所指向的数据，而不需要获取网页B对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。进而，可以根据类似于网页A的操作，获得网页B对应的第一调整页面状态树。然后，根据网页B对应的第一调整页面状态树对网页B进行渲染，从而实现对网页B的显示。

以上，电子设备能够分开获取网站a对应的程序代码和网站a中每个网页的数据，从而使得电子设备能够对网站a的各个网页进行快速显示，使页面响应速度更快，提高了用户浏览网页的体验。

为了使电子设备中显示的网页B能够随着用户的操作而进行相应的改变，在显示网页B后，电子设备还可以判断是否接收到用户触发的、针对网页B的页面内显示调整指令。其中，该页面内调整指令是指针对网页B的页面进行调整的指令。该页面内调整指令具体可以为页面放大指令，也可以为页面缩小指令，当然并不局限于此。

当判断接收到针对网页B的页面内显示调整指令时，电子设备可以确定该页面内显示调整指令所指示调整的待调整内容(例如网页B的全部界面内容)和调整参数(例如页面缩小比例)。然后，根据待调整内容和调整参数对网页B对应的第一调整页面状态树进行调整(例如按照页面缩小比例对第一调整页面状态树中的显示参数进行调整)，得到网页B对应的第二调整页面状态树。进而，可以根据网页B对应的第二调整页面状态树，对网页B中各个模块所要显示的内容进行重新渲染，实现调整后的网页B的显示。

以上，电子设备还能根据用户针对网页B的操作来实时调整网页B的显示界面，提高了用户浏览网页的体验。

另外，在显示网页B后，电子设备还可以判断网页B对应的第一调整页面状态树中是否记录有定时更新显示内容的目标模块(例如天气模块)。若记录有目标模块，那么当到达更新目标模块的显示内容的时刻时，电子设备可以根据网页B对应的第一调整页面状态树中的访问标识和该访问标识所指向的数据的映射关系，从网页B对应的服务器中获取目标模块所要显示的内容的访问标识所指向的更新数据。

然后，利用更新数据对网页B对应的第一调整页面状态树中的、目标模块所要显示的内容的访问标识所指向的数据进行替换，得到第三调整页面状态树。进而，根据第三调整页面状态树，对网页B中目标模块所要显示的内容进行重新渲染，使得目标模块中显示的是最新数据。

以上，电子设备还能定时更新网页B中定时更新显示内容的目标模块中的显示内容。

此外，随着用户对网页所呈现内容的需求变化，技术人员常常需要对网页所要显示的模块进行调整(例如新增护眼提醒模块)。当技术人员在服务器侧对网页B所要显示的模块进行调整后，为了使电子设备所展示的网页B是最新的，电子设备还可以实时监测网页B所对应的服务器中存储的、网页B对应的页面状态树是否发生更新。若发生更新，则从该服务器获取网页B对应的、更新后的页面状态树。并利用更新后的页面状态树对电子设备中预先存储的网页B所对应的页面状态树进行替换。

这样，在对电子设备中存储的网页B所对应的页面状态树进行替换后，在接收到针对网页B的网页打开指令时，可以将更新后的页面状态树确定为网页打开指令所指示打开的网页B的对应的页面状态树，并可以基于更新后的页面状态树来对网页B进行显示。

以上，电子设备对服务器中的页面状态树进行监测，当监测到服务器中的页面状态树进行更新时，则可以利用服务器中更新后的页面状态树对电子设备中存储的相应页面状态树进行替换，使得电子设备中存储的是最新版本的页面状态树。

而且，对于每一个网站而言，当将该网站的各个网页对应的程序代码写到一个网站页面状态树中时，可以使各个网页中相同模块的程序代码只用编写一次。这样，使得工作人员不需要针对每个网页编写一份源码，而且不需要针对相同的程序代码编写多次，减少了技术人员的工作量。另外，当需要对网页的程序代码进行更改时，不需要对每个网页的源码进行逐个修改，程序代码维护简单，从而提升了技术人员的开发效率，并降低了开发成本。

另外，可以理解的是，电子设备的浏览器在接收到针对网站a中任一网页的网页打开指令后，也可以从网站a对应的服务器中拉取并存储网站a中各个网页对应的页面状态树，得到页面状态树集合。并基于该页面状态树集合对所要打开的、网站a中的网页进行显示，这也是合理，在此不做详述。

相应于上述方法实施例，本发明实施例提供了一种网页显示装置，应用于电子设备，参见图2，该装置可以包括：

第一确定单元201，用于当接收到网页打开指令时，确定网页打开指令所指示打开的目标网页对应的页面状态树；其中，页面状态树存储在电子设备本地；页面状态树记录有：实现目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据的访问标识；

第一获取单元202，用于从目标网页所对应的服务器，获取每个访问标识所指向的数据；

写单元203，用于将每个访问标识所指向的数据写入页面状态树，得到第一调整页面状态树；其中，第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系；

第一显示单元204，用于根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染。

应用本发明实施例提供的装置，电子设备在接收到网页打开指令时，可以确定该网页打开指令所指示打开的目标网页对应的、存储在本地的页面状态树。由于该页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要从目标网页所对应的服务器，获取该访问标识所指向的数据，而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。然后，可以将获取到的每个访问标识所指向的数据写入该页面状态树，得到第一调整页面状态树。该第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系。之后，可以根据第一调整状态树中记录的内容，对目标网页中各个模块所要显示的内容渲染，从而实现对目标网页的显示。该种显示方式，缩短了数据获取时间，从而提高了网页的显示速度，提升了用户浏览网页的体验。

可选地，在本发明实施例中，该装置还可以包括：

第一判断单元，用于在根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染之后，判断是否接收到用户触发的、针对目标网页的页面内显示调整指令；

第二确定单元，用于在判断接收到用户触发的、针对目标网页的页面内显示调整指令时，确定页面内显示调整指令所指示调整的待调整内容和调整参数；待调整内容包括第一调整页面状态树中的任意内容；

调整单元，用于根据待调整内容和调整参数对第一调整页面状态树进行调整，得到第二调整页面状态树；

第二显示单元，用于根据第二调整页面状态树，对目标网页中各个模块所要显示的内容进行重新渲染。

可选地，页面内显示调整指令可以包括：页面放大指令或页面缩小指令。

可选地，在本发明实施例中，该装置还可以包括：

第二判断单元，用于在根据第一调整页面状态树，对目标网页中各个模块所要显示的内容进行渲染之后，判断第一调整页面状态树中是否记录有定时更新显示内容的目标模块；

第二获取单元，用于当判断第一调整页面状态树中记录有定时更新显示内容的目标模块，并到达更新目标模块的显示内容的时刻时，根据映射关系获取目标模块所要显示的内容的访问标识所指向的更新数据；

第一替换单元，用于利用更新数据对第一调整页面状态树中的、目标模块所要显示的内容的访问标识所指向的数据进行替换，得到第三调整页面状态树；

第三显示单元，用于根据第三调整页面状态树，对目标网页中目标模块所要显示的内容进行重新渲染。

可选地，在本发明实施例中，该装置还可以包括：

第三获取单元，用于在确定网页打开指令所指示打开的目标网页对应的页面状态树之前，从目标网页所对应的服务器中，获取目标网页对应的页面状态树，作为预存页面状态树；

监测单元，用于实时监测服务器中存储的、目标网页对应的页面状态树是否发生更新；

第四获取单元，用于当监测服务器中存储的、目标网页对应的页面状态树发生更新时，从服务器获取目标网页对应的、更新后的页面状态树；

第二替换单元，用于利用更新后的页面状态树对预存页面状态树进行替换。

可选地，在本发明实施例中，第一确定单元201具体可以用于：当接收到网页打开指令时，将更新后的页面状态树确定为网页打开指令所指示打开的目标网页对应的页面状态树。

可选地，在本发明实施例中，页面状态树为目标网页所属网站的网站页面状态树中的子页面状态树；网站页面状态树中包括：目标网页所属网站的各个网页对应的页面状态树。

相应于上述方法实施例，本发明实施例还提供了一种电子设备，参见图3，包括处理器301、通信接口302、存储器303和通信总线304，其中，处理器301，通信接口302，存储器303通过通信总线304完成相互间的通信；

存储器303，用于存放计算机程序；

处理器301，用于执行存储器303上所存放的程序时，实现上述任一网页显示方法的方法步骤。

在本发明实施例中，电子设备在接收到网页打开指令时，可以确定该网页打开指令所指示打开的目标网页对应的、存储在本地的页面状态树。由于该页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要从目标网页所对应的服务器，获取该访问标识所指向的数据，而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。然后，可以将获取到的每个访问标识所指向的数据写入该页面状态树，得到第一调整页面状态树。该第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系。之后，可以根据第一调整状态树中记录的内容，对目标网页中各个模块所要显示的内容渲染，从而实现对目标网页的显示。该种显示方式，缩短了数据获取时间，从而提高了网页的显示速度，提升了用户浏览网页的体验。

相应于上述方法实施例，本发明实施例还提供了一种可读存储介质，该可读存储介质内存储有计算机程序，计算机程序被电子设备的处理器执行时实现上述任一网页显示方法的方法步骤。

本发明实施例提供的存储介质中存储的计算机程序被电子设备的处理器执行后，电子设备在接收到网页打开指令时，可以确定该网页打开指令所指示打开的目标网页对应的、存储在本地的页面状态树。由于该页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要从目标网页所对应的服务器，获取该访问标识所指向的数据，而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。然后，可以将获取到的每个访问标识所指向的数据写入该页面状态树，得到第一调整页面状态树。该第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系。之后，可以根据第一调整状态树中记录的内容，对目标网页中各个模块所要显示的内容渲染，从而实现对目标网页的显示。该种显示方式，缩短了数据获取时间，从而提高了网页的显示速度，提升了用户浏览网页的体验。

相应于上述方法实施例，本发明实施例还提供了一种包含指令的计算机程序产品，当其在电子设备上运行时，使得电子设备执行：上述任一网页显示方法的方法步骤。

本发明实施例提供的包含指令的计算机程序产品，当其在电子设备上运行时，使得电子设备在接收到网页打开指令时，可以确定该网页打开指令所指示打开的目标网页对应的、存储在本地的页面状态树。由于该页面状态树中记录有：实现该目标网页中各个模块的功能的程序代码，以及构建各个模块所要显示内容所需的数据的访问标识。因而，电子设备在显示目标网页之前，只需要从目标网页所对应的服务器，获取该访问标识所指向的数据，而不需要去获取该目标网页对应的程序代码，减少了所要获取的数据量，缩短了数据获取时间。然后，可以将获取到的每个访问标识所指向的数据写入该页面状态树，得到第一调整页面状态树。该第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系。之后，可以根据第一调整状态树中记录的内容，对目标网页中各个模块所要显示的内容渲染，从而实现对目标网页的显示。该种显示方式，缩短了数据获取时间，从而提高了网页的显示速度，提升了用户浏览网页的体验。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备、可读存储介质和计算机程序产品实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (16)

1.一种网页显示方法，其特征在于，应用于电子设备，所述方法包括：

当接收到网页打开指令时，确定所述网页打开指令所指示打开的目标网页对应的页面状态树；其中，所述页面状态树存储在所述电子设备本地；所述页面状态树记录有：实现所述目标网页中各个模块的功能的程序代码，及构建所述各个模块所要显示内容所需的数据的访问标识；

从所述目标网页所对应的服务器，获取每个访问标识所指向的数据；

将所述每个访问标识所指向的数据写入所述页面状态树，得到第一调整页面状态树；其中，所述第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系；所述第一调整页面状态树记录有实现所述目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据；

根据所述第一调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行渲染，包括：

基于所述第一调整页面状态树中记录的程序代码和所要显示内容所需的数据来构建DOM Tree和CSS Rule Tree；

基于所述DOM Tree和所述CSS Rule Tree构造渲染树，根据所述渲染树对所述目标网页进行渲染，实现对所述目标网页的显示。

2.根据权利要求1所述的方法，其特征在于，在根据所述第一调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行渲染的步骤之后，所述方法还包括：

判断是否接收到用户触发的、针对所述目标网页的页面内显示调整指令；

若是，确定所述页面内显示调整指令所指示调整的待调整内容和调整参数；所述待调整内容包括所述第一调整页面状态树中的任意内容；

根据所述待调整内容和调整参数对所述第一调整页面状态树进行调整，得到第二调整页面状态树；

根据所述第二调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行重新渲染。

3.根据权利要求2所述的方法，其特征在于，所述页面内显示调整指令包括：页面放大指令或页面缩小指令。

4.根据权利要求1所述的方法，其特征在于，在根据所述第一调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行渲染的步骤之后，所述方法还包括：

判断所述第一调整页面状态树中是否记录有定时更新显示内容的目标模块；

若记录有所述目标模块，当到达更新所述目标模块的显示内容的时刻时，根据所述映射关系获取所述目标模块所要显示的内容的访问标识所指向的更新数据；

利用所述更新数据对所述第一调整页面状态树中的、所述目标模块所要显示的内容的访问标识所指向的数据进行替换，得到第三调整页面状态树；

根据所述第三调整页面状态树，对所述目标网页中所述目标模块所要显示的内容进行重新渲染。

5.根据权利要求1所述的方法，其特征在于，在确定所述网页打开指令所指示打开的目标网页对应的页面状态树的步骤之前，所述方法还包括：

从所述目标网页所对应的服务器中，获取所述目标网页对应的页面状态树，作为预存页面状态树；

实时监测所述服务器中存储的、所述目标网页对应的页面状态树是否发生更新；

若发生更新，从所述服务器获取所述目标网页对应的、更新后的页面状态树；

利用所述更新后的页面状态树对所述预存页面状态树进行替换。

6.根据权利要求5所述的方法，其特征在于，所述当接收到网页打开指令时，确定所述网页打开指令所指示打开的目标网页对应的页面状态树的步骤，包括：

当接收到网页打开指令时，将所述更新后的页面状态树确定为所述网页打开指令所指示打开的目标网页对应的页面状态树。

7.根据权利要求1-6中任一项所述的方法，其特征在于，所述页面状态树为所述目标网页所属网站的网站页面状态树中的子页面状态树；所述网站页面状态树中包括：所述目标网页所属网站的各个网页对应的页面状态树。

8.一种网页显示装置，其特征在于，应用于电子设备，所述装置包括：

第一确定单元，用于当接收到网页打开指令时，确定所述网页打开指令所指示打开的目标网页对应的页面状态树；其中，所述页面状态树存储在所述电子设备本地；所述页面状态树记录有：实现所述目标网页中各个模块的功能的程序代码，及构建所述各个模块所要显示内容所需的数据的访问标识；

第一获取单元，用于从所述目标网页所对应的服务器，获取每个访问标识所指向的数据；

写单元，用于将所述每个访问标识所指向的数据写入所述页面状态树，得到第一调整页面状态树；其中，所述第一调整页面状态树中的访问标识和该访问标识所指向的数据具有映射关系；所述第一调整页面状态树记录有：实现所述目标网页中各个模块的功能的程序代码，及构建各个模块所要显示内容所需的数据；

第一显示单元，用于根据所述第一调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行渲染，包括：

基于所述第一调整页面状态树中记录的程序代码和所要显示内容所需的数据来构建DOM Tree和CSS Rule Tree；

基于所述DOM Tree和所述CSS Rule Tree构造渲染树，根据所述渲染树对所述目标网页进行渲染，实现对所述目标网页的显示。

9.根据权利要求8所述的装置，其特征在于，所述装置还包括：

第一判断单元，用于在根据所述第一调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行渲染之后，判断是否接收到用户触发的、针对所述目标网页的页面内显示调整指令；

第二确定单元，用于在判断接收到用户触发的、针对所述目标网页的页面内显示调整指令时，确定所述页面内显示调整指令所指示调整的待调整内容和调整参数；所述待调整内容包括所述第一调整页面状态树中的任意内容；

调整单元，用于根据所述待调整内容和调整参数对所述第一调整页面状态树进行调整，得到第二调整页面状态树；

第二显示单元，用于根据所述第二调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行重新渲染。

10.根据权利要求9所述的装置，其特征在于，所述页面内显示调整指令包括：页面放大指令或页面缩小指令。

11.根据权利要求8所述的装置，其特征在于，所述装置还包括：

第二判断单元，用于在根据所述第一调整页面状态树，对所述目标网页中所述各个模块所要显示的内容进行渲染之后，判断所述第一调整页面状态树中是否记录有定时更新显示内容的目标模块；

第二获取单元，用于当判断所述第一调整页面状态树中记录有定时更新显示内容的目标模块，并到达更新所述目标模块的显示内容的时刻时，根据所述映射关系获取所述目标模块所要显示的内容的访问标识所指向的更新数据；

第一替换单元，用于利用所述更新数据对所述第一调整页面状态树中的、所述目标模块所要显示的内容的访问标识所指向的数据进行替换，得到第三调整页面状态树；

第三显示单元，用于根据所述第三调整页面状态树，对所述目标网页中所述目标模块所要显示的内容进行重新渲染。

12.根据权利要求8所述的装置，其特征在于，所述装置还包括：

第三获取单元，用于在确定所述网页打开指令所指示打开的目标网页对应的页面状态树之前，从所述目标网页所对应的服务器中，获取所述目标网页对应的页面状态树，作为预存页面状态树；

监测单元，用于实时监测所述服务器中存储的、所述目标网页对应的页面状态树是否发生更新；

第四获取单元，用于当监测所述服务器中存储的、所述目标网页对应的页面状态树发生更新时，从所述服务器获取所述目标网页对应的、更新后的页面状态树；

第二替换单元，用于利用所述更新后的页面状态树对所述预存页面状态树进行替换。

13.根据权利要求12所述的装置，其特征在于，所述第一确定单元具体用于：当接收到网页打开指令时，将所述更新后的页面状态树确定为所述网页打开指令所指示打开的目标网页对应的页面状态树。

14.根据权利要求8-13中任一项所述的装置，其特征在于，所述页面状态树为所述目标网页所属网站的网站页面状态树中的子页面状态树；所述网站页面状态树中包括：所述目标网页所属网站的各个网页对应的页面状态树。

15.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1-7中任一所述的方法步骤。

16.一种可读存储介质，其特征在于，所述可读存储介质内存储有计算机程序，所述计算机程序被电子设备的处理器执行时实现权利要求1-7中任一所述的方法步骤。

Images