CN111079048B

CN111079048B - 一种页面加载方法及装置

Info

Publication number: CN111079048B
Application number: CN201911230247.1A
Authority: CN
Inventors: 苗威; 方昌权; 宋云路; 李振华; 吴贯亮; 孙阳; 肖瑶; 董利明
Original assignee: Beijing Dajia Internet Information Technology Co Ltd
Current assignee: Beijing Dajia Internet Information Technology Co Ltd
Priority date: 2019-12-04
Filing date: 2019-12-04
Publication date: 2023-11-28
Anticipated expiration: 2039-12-04
Also published as: CN111079048A

Abstract

本公开关于一种页面加载方法及装置，涉及页面加载领域。包括：终端响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求，其中，页面加载指令用于请求加载应用的目标页面，页面文件访问请求包括目标页面的页面文件的地址，第一页面数据访问请求包括目标页面的页面文件的地址，目标页面的页面文件的地址与目标页面的用户数据的地址存在对应关系；接收服务器返回的目标页面的用户数据；根据页面文件访问请求，获取包括目标页面的页面文件的文件响应数据；根据目标页面的用户数据和文件响应数据，加载目标页面，来缩短加载web页面所用的时间。

Description

一种页面加载方法及装置

技术领域

本公开涉及页面加载领域，尤其涉及一种页面加载方法及装置。

背景技术

网页视图(webview)控件，是客户端应用的一个可视控件，用于展示网页页面(可称为web页面)。由于web页面具有开发速度快、新版本上线周期短、一次开发可以适应不同系统的优势，因此在客户端应用中，web页面所占的比重越来越大。

在相关技术中，web页面的加载依赖于webview控件。当用户点击客户端应用中的webview控件时，终端可以进行该webview控件的初始化，待webview的内核准备就绪后，终端可以通过webview控件，请求服务器来获取超文本标记语言(hyper textmarkuplanguage，HTML)文件、该HTML文件下的级联样式表(cascading style sheet，CSS)文件、Java script文件(简称JS文件)、图片文件等页面资源，以及web页面待展示的用户数据，并根据HTML文件、页面资源和用户数据渲染web页面。

但是，由于在web页面的加载过程中，webview控件的初始化、HTML文件的获取、页面资源的获取、用户数据的获取是串行执行的，即后一个步骤的执行需等待前一个步骤完成之后方可开始，这样会导致web页面加载时间长。且由于在web页面加载过程中，页面通常为白屏，影响用户体验。

发明内容

本公开提供一种页面加载方法及装置，解决了web页面加载时间长的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面加载方法，应用于终端，包括：

响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求；其中，所述页面加载指令用于请求加载应用的目标页面，所述页面文件访问请求包括所述目标页面的页面文件的地址，所述第一页面数据访问请求包括所述目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

接收所述服务器返回的所述目标页面的用户数据；

根据所述页面文件访问请求，获取包括所述目标页面的页面文件的文件响应数据；

根据所述目标页面的用户数据和所述文件响应数据，加载所述目标页面。

可选的，所述页面文件访问请求还包括文件请求类型标识，所述第一页面数据访问请求还包括数据请求类型标识；

其中，所述文件请求类型标识用于指示请求的类型为文件，所述数据请求类型标识用于指示请求的类型为数据。

可选的，所述响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求，包括：

响应于对安装控件的选择操作，向所述服务器发送所述第一页面数据访问请求，以及创建并初始化浏览器控件，通过所述浏览器控件生成所述页面文件访问请求，所述安装控件用于被触发时安装所述浏览器控件；

或者，响应于对所述浏览器控件的选择操作，向所述服务器发送所述第一页面数据访问请求，以及初始化所述浏览器控件，通过所述浏览器控件生成所述页面文件访问请求。

可选的，在所述根据所述页面文件访问请求，获取包括所述目标页面的页面文件的文件响应数据之后，所述方法还包括：

根据所述目标页面的页面文件，通过所述浏览器控件生成第二页面数据访问请求，所述第二页面数据访问请求包括所述目标页面的用户数据的地址；所述目标页面的页面文件包括所述目标页面的用户数据的地址；

所述根据所述目标页面的用户数据和所述文件响应数据，加载所述目标页面，包括：

拦截所述第二页面数据访问请求；

响应于拦截所述第二页面数据访问请求，将接收的所述目标页面的用户数据封装成所述浏览器控件能够识别的目标响应数据，并将所述目标响应数据传输至所述浏览器控件；

根据所述目标响应数据和所述文件响应数据，通过所述浏览器控件加载所述目标页面。

可选的，所述拦截所述第二页面数据访问请求，包括：

调用拦截函数，在确定所述第二页面数据访问请求包括数据请求类型标识时拦截所述第二页面数据访问请求。

根据本公开实施例的第二方面，提供一种页面加载方法，应用于服务器，包括：

接收终端发送的第一页面数据访问请求，所述第一页面数据访问请求包括目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

根据所述第一页面数据访问请求，获取所述目标页面的用户数据，并向所述终端返回所述目标页面的用户数据。

可选的，所述方法还包括：

接收所述终端发送的页面文件访问请求，所述页面文件访问请求包括所述目标页面的页面文件的地址；

根据所述页面文件访问请求，获取所述目标页面的页面文件，并向所述终端返回包括有所述目标页面的页面文件的文件响应数据。

可选的，所述根据所述第一页面数据访问请求，获取所述目标页面的用户数据，包括：

在确定所述第一页面数据访问请求还包括数据请求类型标识时，获取所述目标页面的页面文件的地址对应的所述目标页面的用户数据的地址；所述数据请求类型标识用于指示请求的类型为数据；

根据所述目标页面的用户数据的地址，获取所述目标页面的用户数据。

可选的，所述根据所述页面文件访问请求，获取所述目标页面的页面文件，包括：

在确定所述页面文件访问请求还包括文件请求类型标识时，根据所述目标页面的页面文件的地址，获取所述目标页面的页面文件；所述文件请求类型标识用于指示请求的类型为文件。

根据本公开实施例的第三方面，提供一种页面加载装置，应用于终端，包括：

发送模块，被配置为执行响应于页面加载指令，向服务器发送第一页面数据访问请求，其中，所述页面加载指令用于请求加载应用的目标页面，所述第一页面数据访问请求包括所述目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

生成模块，被配置为执行响应于所述页面加载指令，生成页面文件访问请求；所述页面文件访问请求包括所述目标页面的页面文件的地址；

接收模块，被配置为执行接收所述服务器返回的所述目标页面的用户数据；

获取模块，被配置为执行根据所述页面文件访问请求，获取包括所述目标页面的页面文件的文件响应数据；

加载模块，被配置为执行根据所述目标页面的用户数据和所述文件响应数据，加载所述目标页面。

可选的，所述生成模块，具体被配置为执行：

响应于对安装控件的选择操作，创建并初始化浏览器控件，生成所述页面文件访问请求，所述安装控件用于被触发时安装所述浏览器控件；

或者，响应于对所述浏览器控件的选择操作，初始化所述浏览器控件，生成所述页面文件访问请求。

可选的，所述生成模块，还被配置为执行根据所述目标页面的页面文件，生成第二页面数据访问请求，所述第二页面数据访问请求包括所述目标页面的用户数据的地址；所述目标页面的页面文件包括所述目标页面的用户数据的地址；

所述加载模块，具体被配置为执行拦截所述第二页面数据访问请求；响应于拦截所述第二页面数据访问请求，将接收的所述目标页面的用户数据封装成所述浏览器控件能够识别的目标响应数据，并将所述目标响应数据传输至所述浏览器控件；根据所述目标响应数据和所述文件响应数据，加载所述目标页面。

可选的，所述加载模块，具体被配置为执行：

根据本公开实施例的第四方面，提供一种页面加载装置，应用于服务器，包括：

接收模块，被配置为执行接收终端发送的第一页面数据访问请求，所述第一页面数据访问请求包括目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

获取模块，被配置为执行根据所述第一页面数据访问请求，获取所述目标页面的用户数据；

发送模块，被配置为执行向所述终端返回所述目标页面的用户数据。

可选的，所述接收模块，还被配置为执行接收所述终端发送的页面文件访问请求，所述页面文件访问请求包括所述目标页面的页面文件的地址；

所述获取模块，还被配置为执行根据所述页面文件访问请求，获取所述目标页面的页面文件；

所述发送模块，还被配置为执行向所述终端返回包括有所述目标页面的页面文件的文件响应数据。

可选的，所述获取模块，具体被配置为执行：

根据本公开实施例的第五方面，提供一种终端，所述终端包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现上述第一方面中任一种可选地页面加载方法。

根据本公开实施例的第六方面，提供一种服务器，所述服务器包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现上述第二方面中任一种可选地页面加载方法。

根据本公开实施例的第七方面，提供一种页面加载系统，所述页面加载系统包括：执行上述第一方面中任一种可选地页面加载方法的终端，以及执行上述第二方面中任一种可选地页面加载方法的服务器。

根据本公开实施例的第八方面，提供一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，当所述计算机可读存储介质中的指令由终端的处理器执行时，使得所述终端能够执行上述第一方面中任一种可选地页面加载方法。

根据本公开实施例的第九方面，提供一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，当所述计算机可读存储介质中的指令由服务器的处理器执行时，使得所述服务器能够执行上述第二方面中任一种可选地页面加载方法。

根据本公开实施例的第十方面，提供一种计算机程序产品，包含指令，当其在计算机上运行时，使得计算机执行如第一方面中任一种可选地页面加载方法。

根据本公开实施例的第十一方面，提供一种计算机程序产品，包含指令，当其在计算机上运行时，使得计算机执行如第二方面中任一种可选地页面加载方法。

本公开的实施例提供的技术方案至少带来以下有益效果：终端响应于用于请求加载应用的目标页面的页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求，该第一页面数据访问请求和页面文件访问请求中均包括目标页面的页面文件的地址，该目标页面的页面文件的地址与该目标页面的用户数据的地址存在对应关系，终端接收服务器返回的目标页面的用户数据，根据页面文件访问请求，获取包括有目标页面的页面文件的文件响应数据，且根据目标页面的用户数据和文件响应数据，加载该目标页面。这样，通过将加载目标页面的用户数据提前到与加载该目标页面的页面文件同时执行，由于加载目标页面的页面文件是先加载一个HTML文件，然后加载该HTML文件下的JS文件、CSS文件、图片文件等资源文件，因此加载目标页面的用户数据与加载该目标页面的页面文件同时执行，也就是加载目标页面的用户数据与加载HTML文件同时执行，并响应于页面加载指令，将该HTML文件的地址包含在第一页面数据访问请求中发送至服务器，由于HTML文件的地址与目标页面的用户数据的地址存在对应关系，因此服务器能够根据该对应关系获取到目标页面的用户数据，并将其返回至终端，使得终端在响应于页面加载指令，加载了HTML文件、HTML文件下的资源文件之后，可以直接使用接收到的目标页面的用户数据进行页面加载，而不是才向服务器请求该用户数据，这样缩短了加载web页面所用的时间，从而缩短了加载过程中显示白屏的时间，提高了用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种页面加载系统的示意图。

图2是根据一示例性实施例示出的一种页面加载方法的流程图。

图3是根据一示例性实施例示出的另一种页面加载方法的流程图。

图4是根据一示例性实施例示出的另一种页面加载方法的流程图。

图5是根据一示例性实施例示出的一种页面加载装置的逻辑结构框图。

图6是根据一示例性实施例示出的另一种页面加载装置的逻辑结构框图。

图7是根据一示例性实施例示出的一种终端的结构框图。

图8是根据一示例性实施例示出的一种服务器的结构框图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在对本公开实施例的页面加载方法进行详细介绍之前，先对本公开实施例的应用场景和实施环境进行介绍。

首先，对本公开实施例的应用场景进行介绍。

本公开实施例的页面加载方法应用于加载应用的目标页面的场景中。在一种场景中，当用户需要查看应用的目标页面时，可以先安装用于展示该目标页面的浏览器控件，这样，终端便可以根据用户的安装操作，加载该目标页面。在另一种场景中，若该浏览器控件已经在应用中创建好或该应用中内置有该浏览器控件，则用户可以对该浏览器控件进行操作，终端便可以根据用户对该浏览器控件的操作，加载目标页面。其中，浏览器控件可以为应用中的webview控件，目标页面为相应的web页面。

但是，在相关技术中，加载web页面需要串行执行：初始化相应的webview控件、请求web页面的HTML文件、请求HTML文件下的资源文件、请求web页面的用户数据、根据HTML文件、资源文件和用户数据加载web页面，这样会导致web页面加载时间长。为了缩短加载web页面所用的时间，本公开实施例提供一种页面加载方法，通过将加载目标页面的用户数据提前至与加载该目标页面的HTML文件同时执行，使得终端在加载了HTML文件、HTML文件下的资源文件之后，可以直接使用提前加载到的用户数据，而不是在加载到资源文件后才向服务器请求用户数据，缩短了web页面的加载总时间从而缩短了加载过程中显示白屏的时间，提高了用户体验。

接下来，对本公开实施例的实施环境进行介绍。

图1是根据一示例性实施例示出的一种页面加载系统的示意图。如图1所示，该页面加载系统可以包括：终端11和服务器12。终端11通过有线通讯方式或无线通讯方式与服务器12进行通信。

其中，终端11，主要用于响应于用于请求加载应用的目标页面的页面加载指令，向服务器发送第一页面数据访问请求，同时生成页面文件访问请求；还用于根据获取的目标页面的页面文件和从服务器12接收的目标页面的用户数据，加载该目标页面。其中，目标页面的页面文件包括：一个HTML文件，该HTML文件下的若干JS文件、若干CSS文件、若干图片文件，目标页面的用户数据可以包括：用户的用户昵称、用户头像的地址、用户的个人简介等个人信息。

在一些实施例中，终端11可以为手机、平板电脑、笔记本电脑、台式计算机、便携式计算机等，本公开对此不做限定。图1中以终端11为手机为例示出。

服务器12，用于在接收到终端11发送的第一页面数据访问请求后，获取并向终端11返回目标页面的用户数据。进一步的，服务器12，还用于在接收到终端11通过浏览器控件发送的页面文件访问请求后，获取并向终端11返回包括有目标页面的页面文件的文件响应数据。在一些实施例中，服务器12可以为一台服务器，或者，也可以为由多台服务器组成的服务器集群，本公开对此不做限定。

在介绍了本公开实施例的应用场景和实施环境之后，对本公开实施例提供的页面加载方法进行详细介绍。

图2是根据一示例性实施例示出的一种页面加载方法的流程图，如图2所示，该方法可以包括：

201、终端响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求。

其中，页面加载指令用于请求加载应用的目标页面，页面文件访问请求包括目标页面的页面文件的地址，第一页面数据访问请求包括目标页面的页面文件的地址，目标页面的页面文件的地址与目标页面的用户数据的地址存在对应关系。

且，页面文件访问请求可以包括：HTML文件访问请求、JS文件访问请求、CSS文件访问请求、图片文件访问请求，以相应得到目标页面的页面文件包括的一个HTML文件、若干JS文件、若干CSS文件、若干图片文件。考虑到在加载目标页面的页面文件的过程中，是先生成HTML文件访问请求，以加载HTML文件，然后解析该HTML文件，以加载该HTML文件下的若干JS文件、若干CSS文件或若干图片文件，因此，第一页面数据访问请求包括的是HTML文件的地址，该HTML文件的地址是预存在终端中的，终端可以响应于页面加载指令，直接获取该HTML文件的地址。

202、终端接收服务器返回的目标页面的用户数据。

203、终端根据页面文件访问请求，获取包括有目标页面的页面文件的文件响应数据。

204、终端根据目标页面的用户数据和文件响应数据，加载目标页面。

上述实施例提供的技术方案至少带来以下有益效果：本公开的实施例提供的技术方案至少带来以下有益效果：终端响应于用于请求加载应用的目标页面的页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求，该第一页面数据访问请求和页面文件访问请求中均包括目标页面的页面文件的地址，该目标页面的页面文件的地址与该目标页面的用户数据的地址存在对应关系，终端接收服务器返回的目标页面的用户数据，根据页面文件访问请求，获取包括有目标页面的页面文件的文件响应数据，且根据目标页面的用户数据和文件响应数据，加载该目标页面。这样，通过将加载目标页面的用户数据提前到与加载该目标页面的页面文件同时执行，由于加载目标页面的页面文件是先加载一个HTML文件，然后加载该HTML文件下的JS文件、CSS文件、图片文件等资源文件，因此加载目标页面的用户数据与加载该目标页面的页面文件同时执行，也就是加载目标页面的用户数据与加载HTML文件同时执行，并响应于页面加载指令，将该HTML文件的地址包含在第一页面数据访问请求中发送至服务器，由于HTML文件的地址与目标页面的用户数据的地址存在对应关系，因此服务器能够根据该对应关系获取到目标页面的用户数据，并将其返回至终端，使得终端在响应于页面加载指令，加载了HTML文件、HTML文件下的资源文件之后，可以直接使用接收到的目标页面的用户数据进行页面加载，而不是才向服务器请求该用户数据，这样缩短了加载web页面所用的时间，从而缩短了加载过程中显示白屏的时间，提高了用户体验。

图3是根据一示例性实施例示出的另一种页面加载方法的流程图，如图3所示，该方法可以包括：

301、服务器接收终端发送的第一页面数据访问请求。

其中，第一页面数据访问请求包括目标页面的页面文件的地址，目标页面的页面文件的地址与目标页面的用户数据的地址存在对应关系。即，第一页面数据访问请求包括目标页面的HTML文件的地址，目标页面的HTML文件的地址与目标页面的用户数据的地址存在对应关系。

302、服务器根据第一页面数据访问请求，获取目标页面的用户数据，并向终端返回目标页面的用户数据。

上述实施例提供的技术方案至少带来以下有益效果：服务器接收终端发送的第一页面数据访问请求，并根据该第一页面数据访问请求，获取目标页面的用户数据，且将其返回至终端，该第一页面数据访问请求中包括目标页面的HTML文件的地址，目标页面的HTML文件的地址与目标页面的用户数据的地址存在对应关系。这样，由于HTML文件的地址与用户数据的地址存在对应关系，因此服务器在接收到包括有目标页面的HTML文件的地址的第一页面数据访问请求之后，能够根据该对应关系获取到该目标页面的用户数据，并将其返回至终端，实现了终端在加载目标页面的页面文件的同时加载该目标页面的用户数据，缩短了加载web页面所用的时间，从而缩短了加载过程中显示白屏的时间，提高了用户体验。

图4是根据一示例性实施例示出的另一种页面加载方法的流程图，如图4所示，该方法可以包括：

401、终端响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求。

其中，第一页面数据访问请求中包括目标页面的HTML文件的地址，该HTML文件的地址具体可以为用于访问HTML文件的统一资源定位符(uniform resource locator，URL)。例如，用于访问HTML文件的URL可以为：http：//x.com/user？id＝1。

当用户需要查看某应用的目标页面时，终端可以响应于页面加载指令，向服务器发送包括有HTML文件的地址的第一页面数据访问请求的同时，生成页面文件访问请求。在本公开实施例中，终端响应于页面加载指令可以包括以下两种场景：

在一种场景中，终端可以响应于用户对安装控件的选择操作，向服务器发送第一页面数据访问请求的同时，创建并初始化用于展示目标页面的浏览器控件，待浏览器控件的内核准备好后，由该浏览器控件来生成页面文件访问请求。其中，安装控件用于被触发时安装该浏览器控件，浏览器控件可以为某应用中的webview控件，目标页面可以相应的web页面。

在另一种场景中，在该浏览器控件已经在应用中提前创建好，或者该应用中内置有该浏览器控件的情况下，终端可以响应于用户对该浏览器控件的选择操作，向服务器发送第一页面数据访问请求的同时，初始化该浏览器控件，待浏览器控件的内核准备好后，由该浏览器控件生成页面文件访问请求。

进一步的，页面文件访问请求中还可以包括文件请求类型标识，第一页面数据访问请求还可以包括数据请求类型标识。其中，文件请求类型标识用于指示请求的类型为文件，数据请求类型标识用于指示请求的类型为数据。

在具体实现中，文件请求类型标识用于指示请求的类型为GET类型，数据请求类型标识用于指示请求的类型为POST类型，也就是说，第一页面数据访问请求的类型为POST类型，HTML文件访问请求、JS文件访问请求、CSS文件访问请求、图片文件访问请求的类型均为GET类型。其中，POST请求的数据需要在服务器中保存，不能提前在终端进行缓存，即终端每次加载目标页面，都需要从服务器处请求该目标页面的用户数据。GET请求的文件可以在终端进行缓存。

402、服务器接收终端发送的第一页面数据访问请求。

403、服务器根据第一页面数据访问请求，获取目标页面的用户数据。

其中，服务器在接收到终端发送的第一页面数据访问请求之后，可以根据该第一页面数据访问请求，获取目标页面的用户数据。

由于第一页面数据访问请求中包括的是用于访问HTML文件的地址，因此服务器想要根据第一页面数据访问请求获取到用户数据，而不是获取到HTML文件，还需要判断第一页面数据访问请求的类型。服务器获取目标页面的用户数据，具体的可以包括：如果确定第一页面数据访问请求还包括：数据请求类型标识，则服务器可以查找自身存储的HTML文件的地址与用户数据的地址的对应关系，获取目标页面的HTML文件的地址对应的目标页面的用户数据的地址，然后根据目标页面的用户数据的地址，获取目标页面的用户数据。

404、服务器向终端返回目标页面的用户数据。

405、终端接收服务器返回的目标页面的用户数据。

406、终端根据页面文件访问请求，获取包括目标页面的页面文件的文件响应数据。

其中，终端在执行完步骤401，即浏览器控件生成页面文件访问请求之后，浏览器控件可以根据该请求，获取包括有目标页面的页面文件的文件响应数据，该文件响应数据是浏览器控件能够识别的数据。其中，页面文件访问请求包括：HTML文件访问请求、JS文件访问请求、CSS文件访问请求、图片文件访问请求，相应的，文件响应数据包括：HTML响应数据、JS响应数据、CSS响应数据或图片响应数据。

在本公开实施例中，终端可以采用以下两种方式获取文件响应数据：

在一种实现方式中，浏览器控件生成页面文件访问请求后，浏览器控件可以使用自身的网络组件，直接向服务器发送该页面文件访问请求，并接收服务器返回的文件响应数据。具体的实现中，浏览器控件可以先向服务器发送HTML文件访问请求，该HTML文件访问请求中包括：HTML文件的地址，并接收服务器返回的HTML文件。然后浏览器控件解析该HTML文件，获取HTML文件包括的JS文件的地址、CSS文件的地址、图片文件的地址，并生成JS文件访问请求(包括JS文件的地址)、CSS文件访问请求(包括CSS文件的地址)、图片文件访问请求(包括图片文件的地址)，以相应接收服务器返回的JS响应数据、CSS响应数据、图片响应数据，这样，浏览器控件便可以获取到该HTML文件下的若干JS文件、若干CSS文件或若干图片文件。

在另一种实现方式中，浏览器控件生成页面文件访问请求后，调用拦截函数，在确定该页面文件访问请求的类型为GET类型时拦截该页面文件访问请求。然后根据页面文件访问请求中包括的目标页面的页面文件的地址，判断自身是否存储有目标页面的页面文件。如果未存储有，则可以由浏览器控件采用自身的网络组件向服务器发送该页面文件访问请求，并接收服务器返回的文件响应数据。如果存储有，则将自身存储的目标页面的页面文件封装成浏览器控件能够识别的文件响应数据，并将其返回至该浏览器控件。

需要说明的是，在本公开实施例中，在终端向服务器发送页面文件访问请求，接收服务器返回的文件响应数据的情况下，服务器根据页面文件访问请求，获取目标页面的页面文件具体的可以包括：服务器在确定页面文件访问请求中包括文件请求类型标识，即确定页面文件访问请求的类型为GET类型时，根据页面文件访问请求包括的目标页面的页面文件的地址，获取目标页面的页面文件。

另外，在一种实现方式中，可以通过继承NSURLProtocol，并重写其中的关键函数实现自定义FusionURLProtocol，然后注册该自定义FusionURLProtocol，FusionURLProtocol便可以控制页面文件访问请求。其中，NSURLProtocol是Cocoa Touch框架提供的抽象类，由一系列的回调函数组成，为加载web页面提供了基础的结构，可劫持全局由NSURLConnection发起的网络请求。

407、终端根据目标页面的用户数据和文件响应数据，加载目标页面。

其中，终端在步骤404接收到目标页面的用户数据，并在步骤405获取到HTML响应数据、JS响应数据、CSS响应数据和图片响应数据之后，便可以根据目标页面的用户数据，以及HTML响应数据、JS响应数据、CSS响应数据和图片响应数据，渲染目标页面。

进一步的，在执行步骤405之后，步骤406之前，浏览器控件可以根据目标页面的页面文件，获知需要加载什么用户数据，即获取目标页面的页面文件中包括的目标页面的用户数据的地址，并生成第二页面数据访问请求，该第二页面数据访问请求中包括：目标页面的用户数据的地址，该第二页面数据访问请求的类型为POST类型。

此时，相应的，步骤406中终端根据目标页面的用户数据和文件响应数据，加载目标页面，具体可以包括：拦截该第二页面数据访问请求，响应于拦截第二页面数据访问请求，将步骤404中接收的该目标页面的用户数据封装成浏览器控件能够识别的目标响应数据，并将其传输至浏览器控件，这样，浏览器控件便可以根据目标响应数据，以及HTML响应数据、JS响应数据、CSS响应数据和图片响应数据，渲染目标页面。

需要说明的是，在本公开实施例中，在一种实现方式中，拦截第二页面数据访问请求可以预先通过重写预置协议类中的关键函数，生成自定义协议类，并在应用被打开时对该自定义协议类进行注册，这样便可以利用该自定义协议类对第二页面数据访问请求进行拦截。拦截第二页面数据访问请求具体可以包括：在生成第二页面数据访问请求之后，调用自定义协议类中的拦截函数，如shouldInterceptRequest函数，在根据该第二页面数据访问请求包括的数据请求类型标识确定该请求的类型为POST类型时，拦截函数的返回值为YES，此时拦截该第二页面数据访问请求。

另外，上述将步骤404接收的目标页面的用户数据封装成浏览器控件能够识别的目标响应数据具体可以包括：将目标页面的用户数据，通过模拟浏览器响应的方式构建目标响应数据，该目标响应数据与服务器返回的响应数据是相同的。如果页面数据访问请求是超文本传输协议(hyper text transport protocol，HTTP)请求，则可以按照HTTP协议来构建HTTP响应数据，即目标响应数据。

上述实施例提供的技术方案至少带来以下有益效果：终端响应于用于请求加载应用的目标页面的页面加载指令，能够同时执行加载目标页面的用户数据和创建或初始化相应的浏览器控件，并由终端接收服务器返回的目标页面的用户数据，这样，浏览器控件在加载了HTML文件、HTML文件下的资源文件之后，便可以获取终端接收到的目标页面的用户数据进行页面渲染，而不是在加载了资源文件之后才由浏览器控件向服务器请求该用户数据，缩短了加载web页面所用的时间，从而缩短了加载过程中显示白屏的时间，提高了用户体验。

图5是根据一示例性实施例示出的一种页面加载装置的逻辑结构框图。参照图5，该页面加载装置应用于终端，该页面加载装置包括：发送模块51、生成模块52、接收模块53、获取模块54和加载模块55。

发送模块51，被配置为执行响应于页面加载指令，向服务器发送第一页面数据访问请求，其中，所述页面加载指令用于请求加载应用的目标页面，所述第一页面数据访问请求包括所述目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

生成模块52，被配置为执行响应于所述页面加载指令，生成页面文件访问请求；所述页面文件访问请求包括所述目标页面的页面文件的地址；

接收模块53，被配置为执行接收所述服务器返回的所述目标页面的用户数据；

获取模块54，被配置为执行根据所述页面文件访问请求，获取包括所述目标页面的页面文件的文件响应数据；

加载模块55，被配置为执行根据所述目标页面的用户数据和所述文件响应数据，加载所述目标页面。

可选的，所述生成模块52，具体被配置为执行：

可选的，所述生成模块52，还被配置为执行根据所述目标页面的页面文件，生成第二页面数据访问请求，所述第二页面数据访问请求包括所述目标页面的用户数据的地址；所述目标页面的页面文件包括所述目标页面的用户数据的地址；

所述加载模块55，具体被配置为执行拦截所述第二页面数据访问请求；响应于拦截所述第二页面数据访问请求，将接收的所述目标页面的用户数据封装成所述浏览器控件能够识别的目标响应数据，并将所述目标响应数据传输至所述浏览器控件；根据所述目标响应数据和所述文件响应数据，加载所述目标页面。

可选的，所述加载模块55，具体被配置为执行：

图6是根据一示例性实施例示出的另一种页面加载装置的逻辑结构框图。参照图6，该页面加载装置应用于服务器，该页面加载装置包括：接收模块61、获取模块62和发送模块63。

接收模块61，被配置为执行接收终端发送的第一页面数据访问请求，所述第一页面数据访问请求包括目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

获取模块62，被配置为执行根据所述第一页面数据访问请求，获取所述目标页面的用户数据；

发送模块63，被配置为执行向所述终端返回所述目标页面的用户数据。

可选的，所述接收模块61，还被配置为执行接收所述终端发送的页面文件访问请求，所述页面文件访问请求包括所述目标页面的页面文件的地址；

所述获取模块62，还被配置为执行根据所述页面文件访问请求，获取所述目标页面的页面文件；

所述发送模块63，还被配置为执行向所述终端返回包括有所述目标页面的页面文件的文件响应数据。

可选的，所述获取模块62，具体被配置为执行：

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图7是根据一示例性实施例示出的一种终端的结构框图，该终端可以是页面加载装置，该页面加载装置可以是：智能手机、平板电脑、笔记本电脑或台式电脑。

页面加载装置可以包括至少一个处理器71，通信总线72，存储器73以及至少一个通信接口74。

处理器71可以是一个处理器(central processing units，CPU)，微处理单元，ASIC，或一个或多个用于控制本公开方案程序执行的集成电路。

通信总线72可包括一通路，在上述组件之间传送信息。

通信接口74，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如服务器、以太网，无线接入网(radio access network，RAN)，无线局域网(wireless localareanetworks，WLAN)等。

存储器73可以是只读存储器(read-only memory，ROM)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，RAM)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electricallyerasable programmable read-only memory，EEPROM)、只读光盘(compact disc read-only memory，CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过总线与处理单元相连接。存储器也可以和处理单元集成在一起。

其中，存储器73用于存储执行本公开方案的应用程序代码，并由处理器71来控制执行。处理器71用于执行存储器73中存储的应用程序代码，从而实现本公开方法中的功能。

在具体实现中，作为一种实施例，处理器71可以包括一个或多个CPU，例如图7中的CPU0和CPU1。

在具体实现中，作为一种实施例，页面加载装置可以包括多个处理器，例如图7中的处理器71和处理器75。这些处理器中的每一个可以是一个单核(single-CPU)处理器，也可以是一个多核(multi-CPU)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。

在具体实现中，作为一种实施例，页面加载装置还可以包括输入设备76和输出设备77。输入设备76和处理器71通信，可以以多种方式接受用户的输入。例如，输入设备76可以是鼠标、键盘、触摸屏设备或传感设备等。输出设备77和处理器71通信，可以以多种方式来显示信息。例如，输出设备77可以是液晶显示器(liquid crystal display，LCD)，发光二级管(light emitting diode，LED)显示设备等。

本领域技术人员可以理解，图7中示出的结构并不构成对终端的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

图8是根据一示例性实施例示出的一种服务器的结构框图，该服务器可以是页面加载装置。该服务器可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器81和一个或一个以上的存储器82。其中，存储器82中存储有至少一条指令，至少一条指令由处理器81加载并执行以实现上述各个方法实施例提供的页面加载方法。当然，该服务器还可以具有有线或无线网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器还可以包括其他用于实现设备功能的部件，在此不做赘述。

本公开还提供了一种页面加载系统，该页面加载系统包括：终端和服务器；

终端，用于响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求；

服务器，用于接收终端发送的第一页面数据访问请求，根据第一页面数据访问请求，获取目标页面的用户数据，向终端返回目标页面的用户数据；

终端，还用于接收服务器返回的目标页面的用户数据，根据页面文件访问请求，获取包括目标页面的页面文件的文件响应数据；根据目标页面的用户数据和文件响应数据，加载目标页面。

本公开还提供了一种包括指令的计算机可读存储介质，所述计算机可读存储介质上存储有指令，当所述计算机可读存储介质中的指令由计算机设备的处理器执行时，使得计算机能够执行上述所示实施例提供的页面加载方法。例如，计算机可读存储介质可以为包括指令的存储器73，上述指令可由终端的处理器71执行以完成上述方法。又例如，计算机可读存储介质可以为包括指令的存储器82，上述指令可由服务器的处理器81执行以完成上述方法。可选地，计算机可读存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、RAM、CD-ROM、磁带、软盘和光数据存储设备等。

本公开还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机设备执行上述所示实施例提供的页面加载方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims

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

接收所述服务器返回的所述目标页面的用户数据；

2.根据权利要求1所述的页面加载方法，其特征在于，所述页面文件访问请求还包括文件请求类型标识，所述第一页面数据访问请求还包括数据请求类型标识；

3.根据权利要求1或2所述的页面加载方法，其特征在于，所述响应于页面加载指令，向服务器发送第一页面数据访问请求，以及生成页面文件访问请求，包括：

4.根据权利要求3所述的页面加载方法，其特征在于，在所述根据所述页面文件访问请求，获取包括所述目标页面的页面文件的文件响应数据之后，所述方法还包括：

拦截所述第二页面数据访问请求；

5.根据权利要求4所述的页面加载方法，其特征在于，所述拦截所述第二页面数据访问请求，包括：

6.一种页面加载方法，应用于服务器，其特征在于，所述方法包括：

接收终端发送的第一页面数据访问请求以及生成页面文件访问请求；其中，所述第一页面数据访问请求以及所述生成页面文件访问请求为所述终端响应于页面加载指令向所述服务器发送的，所述页面加载指令用于请求加载应用的目标页面，所述页面文件访问请求包括所述目标页面的页面文件的地址，所述第一页面数据访问请求包括所述目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

根据所述第一页面数据访问请求，获取所述目标页面的用户数据，并向所述终端返回所述目标页面的用户数据，以及根据所述页面文件访问请求，获取所述目标页面的页面文件，并向所述终端返回包括有所述目标页面的页面文件的文件响应数据，以使得所述终端根据所述目标页面的用户数据和所述文件响应数据，加载所述目标页面。

7.根据权利要求6所述的页面加载方法，其特征在于，所述根据所述第一页面数据访问请求，获取所述目标页面的用户数据，包括：

8.根据权利要求6所述的页面加载方法，其特征在于，所述根据所述页面文件访问请求，获取所述目标页面的页面文件，包括：

9.一种页面加载装置，应用于终端，其特征在于，所述页面加载装置包括：

10.根据权利要求9所述的页面加载装置，其特征在于，所述页面文件访问请求还包括文件请求类型标识，所述第一页面数据访问请求还包括数据请求类型标识；

11.根据权利要求9或10所述的页面加载装置，其特征在于，所述生成模块，具体被配置为执行：

12.根据权利要求11所述的页面加载装置，其特征在于，

所述生成模块，还被配置为执行根据所述目标页面的页面文件，生成第二页面数据访问请求，所述第二页面数据访问请求包括所述目标页面的用户数据的地址；所述目标页面的页面文件包括所述目标页面的用户数据的地址；

13.根据权利要求12所述的页面加载装置，其特征在于，所述加载模块，具体被配置为执行：

14.一种页面加载装置，应用于服务器，其特征在于，所述页面加载装置包括：

接收模块，被配置为执行接收终端发送的第一页面数据访问请求以及生成页面文件访问请求；其中，所述第一页面数据访问请求以及所述生成页面文件访问请求为所述终端响应于页面加载指令向所述服务器发送的，所述页面加载指令用于请求加载应用的目标页面，所述页面文件访问请求包括所述目标页面的页面文件的地址，所述第一页面数据访问请求包括所述目标页面的页面文件的地址，所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关系；

获取模块，被配置为执行根据所述第一页面数据访问请求，获取所述目标页面的用户数据，以及根据所述页面文件访问请求，获取所述目标页面的页面文件；

发送模块，被配置为执行向所述终端返回所述目标页面的用户数据，并向所述终端返回包括有所述目标页面的页面文件的文件响应数据，以使得所述终端根据所述目标页面的用户数据和所述文件响应数据，加载所述目标页面。

15.根据权利要求14所述的页面加载装置，其特征在于，所述获取模块，具体被配置为执行：

16.根据权利要求14所述的页面加载装置，其特征在于，所述获取模块，具体被配置为执行：

17.一种终端，其特征在于，所述终端包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1-5中任一项所述的页面加载方法。

18.一种服务器，其特征在于，所述服务器包括：

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求6-8中任一项所述的页面加载方法。

19.一种页面加载系统，其特征在于，所述页面加载系统包括：执行如权利要求1-5中任一项所述的页面加载方法的终端，以及执行如权利要求6-8中任一项所述的页面加载方法的服务器。

20.一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，其特征在于，当所述计算机可读存储介质中的指令由终端的处理器执行时，使得所述终端能够执行如权利要求1-5中任一项所述的页面加载方法。

21.一种计算机可读存储介质，所述计算机可读存储介质上存储有指令，其特征在于，当所述计算机可读存储介质中的指令由服务器的处理器执行时，使得所述服务器能够执行如权利要求6-8中任一项所述的页面加载方法。