CN107463613A

CN107463613A - 页面加载方法及装置

Info

Publication number: CN107463613A
Application number: CN201710518064.4A
Authority: CN
Inventors: 郭方清
Original assignee: Beijing 58 Information Technology Co Ltd
Current assignee: Beijing 58 Information Technology Co Ltd
Priority date: 2017-06-29
Filing date: 2017-06-29
Publication date: 2017-12-12

Abstract

本发明实施例提供一种页面加载方法及装置，所述方法包括：获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号；判断所述当前版本号和所述最新版本号是否相同；若是，则在所述终端设备的缓存中获取所述待加载页面资源；若否，则根据所述待加载页面资源的统一资源定位符URL地址，在所述应用服务器中获取所述待加载页面资源。用于提高页面加载的效率。

Description

页面加载方法及装置

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种页面加载方法及装置。

背景技术

目前，在终端设备中可以安装多种应用程序，在应用程序运行的过程中，为了加快应用程序的运行速度，可以缓存应用程序的部分页面的页面资源。

在现有技术中，通常由终端设备的系统(例如，Android系统或者IOS系统等)根据应用程序的缓存策略，缓存应用程序中部分页面的页面资源。具体的，在终端设备加载应用程序中的预设页面之后，终端设备缓存预设页面的所有页面资源，由于应用服务器中的页面资源随时可能发生更新，为了避免终端设备加载过期的页面资源，因此，在应用程序退出之后，系统删除为应用程序缓存的页面资源。相应的，在终端设备加载应用程序中的页面时，先判断本地是否缓存有该页面的页面资源，若有，则在本地获取该页面的所有页面资源，若没有，则在应用服务器中获取该页面的所有页面资源。

然而，在现有技术中，在应用程序退出重新启动之后，在需要加载应用程序中的页面时，无法在终端设备本地获取应用程序的页面资源，使得页面加载速度较慢。

发明内容

本发明实施例提供一种页面加载方法及装置。提高了页面加载的效率。

第一方面，本发明实施例提供一种页面加载方法，应用于终端设备，所述方法包括：

获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号；

判断所述当前版本号和所述最新版本号是否相同；

若是，则在所述终端设备的缓存中获取所述待加载页面资源；

若否，则根据所述待加载页面资源的统一资源定位符URL地址，在所述应用服务器中获取所述待加载页面资源。

在一种可能的实施方式中，获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号之前，还包括：

获取待加载页面的URL地址，所述待加载页面资源为所述待加载页面中的页面资源；

根据所述待加载页面的URL地址，向所述应用服务器请求获取所述待加载页面对应的超文本标记语言HTML数据；

在所述HTML数据中获取所述待加载页面资源的URL地址；

根据所述待加载页面资源的URL地址，确定所述待加载页面资源为可缓存页面资源。

在另一种可能的实施方式中，根据所述待加载页面资源的URL地址，确定所述待加载页面资源为可缓存页面资源，包括：

判断所述URL地址中是否包括可缓存标识；

若是，则确定所述待加载页面资源为可缓存页面资源；

若否，则确定所述待加载页面资源为不可缓存页面资源。

在另一种可能的实施方式中，获取所述应用服务器中存储的所述待加载页面资源的最新版本号，包括：

在所述待加载页面资源的URL地址中获取所述待加载页面资源的最新版本号。

在另一种可能的实施方式中，根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源之后，还包括：

将所述终端设备中缓存的所述待加载页面资源更新为在所述应用服务器中获取的所述待加载页面资源。

在另一种可能的实施方式中，在确定所述待加载页面资源为不可缓存页面资源、或者所述终端设备中未缓存有所述待加载页面资源时，所述方法还包括：

根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源。

第二方面，本发明实施例提供一种页面加载装置，所述装置包括第一获取模块、判断模块、第二获取模块，其中，

所述第一获取模块用于，获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号；

所述判断模块用于，判断所述当前版本号和所述最新版本号是否相同；

所述第二获取模块用于，在所述判断模块判断所述当前版本号和所述最新版本号相同时，在所述终端设备的缓存中获取所述待加载页面资源；

所述第二获取模块还用于，在所述判断模块判断所述当前版本号和所述最新版本号不相同时，根据所述待加载页面资源的统一资源定位符URL地址，在所述应用服务器中获取所述待加载页面资源。

在一种可能的实施方式中，所述装置还包括第三获取模块、请求模块、第四获取模块和确定模块，其中，

所述第三获取模块用于，在所述第一获取模块获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号之前，获取待加载页面的URL地址，所述待加载页面资源为所述待加载页面中的页面资源；

所述请求模块用于，根据所述待加载页面的URL地址，向所述应用服务器请求获取所述待加载页面对应的超文本标记语言HTML数据；

所述第四获取模块用于，在所述HTML数据中获取所述待加载页面资源的URL地址；

所述确定模块用于，根据所述待加载页面资源的URL地址，确定所述待加载页面资源为可缓存页面资源。

在另一种可能的实施方式中，所述确定模块具体用于：

判断所述URL地址中是否包括可缓存标识；

若是，则确定所述待加载页面资源为可缓存页面资源；

若否，则确定所述待加载页面资源为不可缓存页面资源。

在另一种可能的实施方式中，所述第一获取模块具体用于：

在另一种可能的实施方式中，所述装置还包括更新模块，其中，

所述更新模块用于，在所述第二获取模块根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源之后，将所述终端设备中缓存的所述待加载页面资源更新为在所述应用服务器中获取的所述待加载页面资源。

在另一种可能的实施方式中，所述第二获取模块还用于，在所述待加载页面资源为不可缓存页面资源、或者所述终端设备中未缓存有所述待加载页面资源时，根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源。

本发明实施例提供的页面加载方法及装置，在终端设备加载应用程序中的一个待加载页面中的待加载页面资源时，先判断待加载页面资源是否为可缓存页面资源，在确定待加载页面资源为可缓存页面资源、且终端设备中缓存有该待缓存页面资源时，若终端设备中缓存的待加载页面资源的当前版本号和应用服务器中存储的待加载页面资源的最新版本号相同时，在终端设备中获取待加载页面资源，否则，在应用服务器中获取待加载页面资源，这样，在保证终端设备可以获取得到最新的页面资源的基础上，可以提高获取页面资源的效率，进而提高页面加载的效率。

附图说明

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

图1为本发明实施例提供的页面加载方法的应用场景示意图；

图2为本发明实施例提供的页面加载方法的流程示意图一；

图3为本发明实施例提供的页面加载方法的流程示意图二；

图4为本发明实施例提供的页面加载装置的结构示意图一；

图5为本发明实施例提供的页面加载装置的结构示意图二。

具体实施方式

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

图1为本发明实施例提供的页面加载方法的应用场景示意图。请参见图1，包括终端设备101和应用服务器102。终端设备101可以为手机、电脑等设备，终端设备101可以为Android系统、IOS系统等。在终端设备101中安装有应用程序，终端设备101缓存有应用程序中的部分页面资源、及页面资源的版本号，终端设备101中的页面资源的版本号为对页面资源进行缓存时、页面资源的版本号，终端设备可以对页面资源进行永久性缓存，即，在应用程序退出运行之后，终端设备仍保留为应用程序缓存的页面资源。应用服务器102用于向终端设备101中的应用程序提供服务，应用服务器102中包括应用程序中所有页面中的所有页面资源，且应用服务器102中包括的页面资源均为最新的页面资源。

在本申请中，为可缓存的页面资源设置版本号，当应用服务器102中的页面资源发生更新时，应用服务器102中的页面资源的版本号进行适应性更新，使保证应用服务器102中的页面资源和页面资源的版本号均为最新的。在终端设备101加载应用程序中的一个待加载页面中的页面资源时，在确定页面资源为可缓存页面资源、且终端设备101中缓存有该页面资源时，若终端设备101中缓存的页面资源的版本号和应用服务器102中存储的页面资源的版本号相同时，在终端设备101中获取页面资源，否则，在应用服务器102中获取页面资源，这样，在保证终端设备可以获取得到最新的页面资源的基础上，可以提高获取页面资源的效率，进而提高页面加载的效率。

下面，通过具体实施例，对本申请所示的技术方案进行详细说明。需要说明的是，下面几个具体实施例可以相互结合，对于相同或相似的内容，在不同的实施例中不再进行重复说明。

图2为本发明实施例提供的页面加载方法的流程示意图一。请参见图2，该方法可以：

S201、获取待加载页面资源的统一资源定位符(Uniform Resource Locator，简称URL)地址，待加载页面资源为待加载页面中的任意一个页面资源。

本发明实施例的执行主体为页面加载装置，页面加载装置可以设置在终端设备中。可选的，页面加载装置可以通过软件实现，或者，页面加载装置可以通过软件和硬件的结合实现。

在本发明实施例中，应用程序中包括多个页面，每一个页面中包括多个页面资源，其中，一个页面中的部分页面资源可能为可缓存的页面资源，另一部分页面资源可能为不可缓存的页面资源，例如，页面资源可以为层叠样式表(Cascading Style Sheets，简称CSS)、js、图片等。

可选的，可以将更新频率小于预设频率的页面资源设置为可缓存页面资源，将更新频率大于预设频率的页面资源设置为不可缓存页面资源。现有技术中，针对一个页面，要么对一个页面中的所有页面资源全部缓存，要么全部不缓存，这种缓存方式较为死板，而在本申请中，可以根据实际需要缓存页面中的部分页面资源。

可选的，若一个页面资源为可缓存页面资源，可以在该页面资源的URL地址中增加可缓存标识，这样，在终端设备首次获取得到该页面资源时，可以根据可缓存标识，对页面资源进行缓存。若页面资源的URL地址中不包括可缓存标识，则终端设备不对该页面资源进行缓存。

每一个页面资源在应用服务器中单独存储，每一个页面资源有其对应的URL地址，可以根据页面资源的URL地址，在应用服务器中获取页面资源。

可选的，可以通过如下可行的实现方式获取待加载页面资源的URL地址：获取待加载页面的URL地址，根据待加载页面的URL地址，向应用服务器请求获取待加载页面对应的超文本标记语言(Hyper Text Markup Language，简称HTML)数据，在HTML数据中获取待加载页面资源的URL地址。

每一个页面对应一个URL地址和一个HTML数据，HTML数据存储在应用服务器中，可以根据页面的URL地址，在应用服务器中获取对应的HTML数据。HTML数据中包括该页面中的所有页面资源的标识、页面资源的URL地址、以及页面资源的布局方式等，当然，在实际应用过程中，HTML数据中还可以包括其它内容，本发明实施例对此不作具体限定。

S202、根据待加载页面资源的URL地址，判断待加载页面资源是否为可缓存页面资源。

若是，则执行S203-S206。

若否，则执行S207。

可选的，可以判断URL地址中是否包括可缓存标识，若是，则确定待加载页面资源为可缓存页面资源；若否，则确定待加载页面资源为不可缓存页面资源。

例如，可缓存标识可以通过预设字符串标识，例如，可缓存标识可以为CacheVersion，当然，可以根据实际需要设置可缓存标识。

S203、判断终端设备中是否缓存有待加载页面资源。

若是，则执行S204-S206。

若否，则执行S207。

可选的，可以在终端设备中设置缓存列表，缓存列表中包括终端设备中缓存的所有页面资源的标识、页面资源的版本号、页面资源在终端设备中的位置等。相应的，可以判断缓存列表中是否包括待加载页面资源的标识，以确定终端设备中是否缓存有待加载页面资源。

S204、获取终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的待加载页面资源的最新版本号。

若确定待加载页面资源为可缓存页面资源、且终端设备中缓存有该待加载页面资源，则获取终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的待加载页面资源的最新版本号。其中，当前版本号为在终端设备中缓存待加载页面资源时、待加载页面资源的版本号。最新版本号通常等于或高于当前版本号。

可选的，可以在S203中所示的缓存列表中获取待加载页面资源的当前版本号。

可选的，待加载页面资源的URL地址中可以包括待加载页面资源的最新版本号，相应的，可以在待加载页面资源的URL地址中获取待加载页面资源的最新版本号。

S205、判断当前版本号和最新版本号是否相同。

若是，则执行S206。

若否，则执行S207。

S206、在终端设备的缓存中获取待加载页面资源。

若当前版本号和最新版本号相同，则说明终端设备中缓存的待加载页面资源与应用服务器中存储的待加载页面资源相同，因此，可以直接在终端设备本地获取待加载页面资源。

S207、根据待加载页面资源的URL地址，在应用服务器中获取待加载页面资源。

若待加载页面资源为不可缓存页面资源、或者终端设备中未缓存有待加载页面资源、或者当前版本号与最新版本号不同时，均需要在应用服务器中获取待加载页面。

需要说明的是，当待加载页面资源为可缓存页面资源、且终端设备中未缓存有待加载页面资源时，则在S207之后，还可以在终端设备本地缓存待加载页面资源。当待加载页面资源为可缓存页面资源、终端设备中缓存有待加载页面资源、且当前版本号与最新版本号不同时，则在S207之后，还可以将终端设备缓存的待加载页面资源更新为在应用服务器中获取的待加载页面资源。

还需要说明的是，在加载完成一个页面中的所有页面资源之后，可以在相应的web容器内渲染页面资源，并进行页面展示。

本发明实施例提供的页面加载方法，在终端设备加载应用程序中的一个待加载页面中的待加载页面资源时，先判断待加载页面资源是否为可缓存页面资源，在确定待加载页面资源为可缓存页面资源、且终端设备中缓存有该待缓存页面资源时，若终端设备中缓存的待加载页面资源的当前版本号和应用服务器中存储的待加载页面资源的最新版本号相同时，在终端设备中获取待加载页面资源，否则，在应用服务器中获取待加载页面资源，这样，在保证终端设备可以获取得到最新的页面资源的基础上，可以提高获取页面资源的效率，进而提高页面加载的效率。

在上述任意一个实施例的基础上，下面，结合图3所示的实施例，对本申请所述的技术方案进行详细说明。

图3为本发明实施例提供的页面加载方法的流程示意图二。请参见图3，该方法可以：

S301、获取待加载页面的URL地址。

S302、根据待加载页面的URL地址，向应用服务器请求获取待加载页面对应的HTML数据。

S303、在HTML数据中获取待加载页面资源的URL地址。

S304、判断URL地址中是否包括可缓存标识。

若是，则执行S305。

若否，则执行S309。

S305、判断终端设备中是否缓存有待加载页面资源。

若是，则执行S306。

若否，则执行S310。

S306、获取终端设备中缓存的待加载页面资源的当前版本号，并在待加载页面资源的URL地址中获取最新版本号。

S307、判断当前版本号和最新版本号是否相同。

若是，则执行S308。

若否，则执行S311。

S308、在终端设备的缓存中获取待加载页面资源。

S309、根据待加载页面资源的URL地址，在应用服务器中获取待加载页面资源。

S310、根据待加载页面资源的URL地址，在应用服务器中获取待加载页面资源，并将待加载页面资源缓存在终端设备本地。

S311、根据待加载页面资源的URL地址，在应用服务器中获取待加载页面资源，并将终端设备缓存的待加载页面资源更新为在应用服务器中获取的待加载页面资源。

下面，通过具体示例，对上述方法实施例所示的技术方案进行详细说明。

示例性的，在终端设备中安装有应用程序1，应用程序1中包括页面1，在终端设备需要加载页面1时，终端设备向应用服务器请求获取页面1的HTML数据，并在HTML数据中获取页面1中包括的页面资源的URL地址。假设页面1中包括10个页面资源，则终端设备需要分别获取该10个页面资源。

针对该10个页面资源中的图片1，通过如下方法获取图片1：

终端设备在HTML数据中获取图片1的URL地址如下：

http://abc/images/CacheVersion_V2.jpg

根据图片1的URL地址可知，在图片1的URL地址中包括可缓存标识CacheVersion，且图片1在应用服务器中的最新版本号为V2。

终端设备判断本地是否缓存有图片1，假设终端设备本地缓存有图片1，则获取终端设备中缓存的图片1的当前版本号为V2，终端设备判断图片1的当前版本号(V2)与图片1的最新版本号(V2)相同，则终端设备在本地获取图片1。

针对该10个页面资源中的js1，通过如下方法获取js1：

终端设备在HTML数据中获取CSS1的URL地址如下：

http://abc/cnick/CacheVersion_V3.js

根据js1的URL地址可知，在js1的URL地址中包括可缓存标识CacheVersion，且js1在应用服务器中的最新版本号为V3。

终端设备判断本地是否缓存有js1，假设终端设备本地缓存有js1，则获取终端设备中缓存的js1的当前版本号为V2，终端设备判断js1的当前版本号(V2)与js1的最新版本号(V3)不相同，则终端设备在应用服务器中获取js1，并将终端设备中缓存的js1更新为在应用服务器中获取得到的js1。

针对该10个页面资源中的其它页面资源，终端设备可以根据上述类似的方法获取其它页面资源，此处不再进行赘述。

在获取得到该10个页面资源之后，通过web容器对该10个页面资源进行渲染，以在终端设备中显示页面1。

图4为本发明实施例提供的页面加载装置的结构示意图一。请参见图4，该装置包括第一获取模块11、判断模块12、第二获取模块13，其中，

所述第一获取模块11用于，获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号；

所述判断模块12用于，判断所述当前版本号和所述最新版本号是否相同；

所述第二获取模块13用于，在所述判断模块12判断所述当前版本号和所述最新版本号相同时，在所述终端设备的缓存中获取所述待加载页面资源；

所述第二获取模块13还用于，在所述判断模块12判断所述当前版本号和所述最新版本号不相同时，根据所述待加载页面资源的统一资源定位符URL地址，在所述应用服务器中获取所述待加载页面资源。

本发明实施例提供的页面加载装置可以执行上述方法实施例所示的技术方案，其实现原理以及有益效果类似，此处不再进行赘述。

图5为本发明实施例提供的页面加载装置的结构示意图二。在图4所示实施例的基础上，请参见图5，所述装置还包括第三获取模块14、请求模块15、第四获取模块16和确定模块17，其中，

所述第三获取模块14用于，在所述第一获取模块11获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号之前，获取待加载页面的URL地址，所述待加载页面资源为所述待加载页面中的页面资源；

所述请求模块15用于，根据所述待加载页面的URL地址，向所述应用服务器请求获取所述待加载页面对应的超文本标记语言HTML数据；

所述第四获取模块16用于，在所述HTML数据中获取所述待加载页面资源的URL地址；

所述确定模块17用于，根据所述待加载页面资源的URL地址，确定所述待加载页面资源为可缓存页面资源。

在一种可能的实施方式中，所述确定模块17具体用于：

判断所述URL地址中是否包括可缓存标识；

若是，则确定所述待加载页面资源为可缓存页面资源；

若否，则确定所述待加载页面资源为不可缓存页面资源。

在另一种可能的实施方式中，所述第一获取模块11具体用于：

在另一种可能的实施方式中，所述装置还包括更新模块18，其中，

所述更新模块18用于，在所述第二获取模块13根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源之后，将所述终端设备中缓存的所述待加载页面资源更新为在所述应用服务器中获取的所述待加载页面资源。

在另一种可能的实施方式中，所述第二获取模块13还用于，在所述待加载页面资源为不可缓存页面资源、或者所述终端设备中未缓存有所述待加载页面资源时，根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源。

本领域普通技术人员可以理解：实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上各实施例仅用以说明本发明实施例的技术方案，而非对其限制；尽管参照前述各实施例对本发明实施例进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明实施例方案的范围。

Claims

1.一种页面加载方法，其特征在于，应用于终端设备，所述方法包括：

判断所述当前版本号和所述最新版本号是否相同；

2.根据权利要求1所述的方法，其特征在于，获取所述终端设备中缓存的待加载页面资源的当前版本号、及应用服务器中存储的所述待加载页面资源的最新版本号之前，还包括：

在所述HTML数据中获取所述待加载页面资源的URL地址；

3.根据权利要求1或2所述的方法，其特征在于，根据所述待加载页面资源的URL地址，确定所述待加载页面资源为可缓存页面资源，包括：

判断所述URL地址中是否包括可缓存标识；

若是，则确定所述待加载页面资源为可缓存页面资源；

若否，则确定所述待加载页面资源为不可缓存页面资源。

4.根据权利要求1或2所述的方法，其特征在于，获取所述应用服务器中存储的所述待加载页面资源的最新版本号，包括：

5.根据权利要求1或2所述的方法，其特征在于，根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源之后，还包括：

6.根据权利要求1或2所述的方法，其特征在于，在确定所述待加载页面资源为不可缓存页面资源、或者所述终端设备中未缓存有所述待加载页面资源时，所述方法还包括：

7.一种页面加载装置，其特征在于，所述装置包括第一获取模块、判断模块、第二获取模块，其中，

8.根据权利要求7所述的装置，其特征在于，所述装置还包括第三获取模块、请求模块、第四获取模块和确定模块，其中，

9.根据权利要求7或8所述的装置，其特征在于，所述确定模块具体用于：

判断所述URL地址中是否包括可缓存标识；

若是，则确定所述待加载页面资源为可缓存页面资源；

若否，则确定所述待加载页面资源为不可缓存页面资源。

10.根据权利要求7或8所述的装置，其特征在于，所述第一获取模块具体用于：

11.根据权利要求7或8所述的装置，其特征在于，所述装置还包括更新模块，其中，

12.根据权利要求7或8所述的装置，其特征在于，

所述第二获取模块还用于，在所述待加载页面资源为不可缓存页面资源、或者所述终端设备中未缓存有所述待加载页面资源时，根据所述待加载页面资源的URL地址，在所述应用服务器中获取所述待加载页面资源。