页面加载方法及装置.pdf

《页面加载方法及装置.pdf》由会员分享，可在线阅读，更多相关《页面加载方法及装置.pdf（21页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 201911230247.1 (22)申请日 2019.12.04 (71)申请人 北京达佳互联信息技术有限公司 地址 100085 北京市海淀区上地西路6号1 幢1层101D1-7 (72)发明人 苗威方昌权宋云路李振华 吴贯亮孙阳肖瑶董利明 (74)专利代理机构 北京中博世达专利商标代理 有限公司 11274 代理人 申健 (51)Int.Cl. G06F 16/957(2019.01) G06F 16/958(2019.01) G06F 9/445(2018.01) (54。

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

3、 来缩短加载web页面所用的时间。 权利要求书2页 说明书14页 附图4页 CN 111079048 A 2020.04.28 CN 111079048 A 1.一种页面加载方法， 应用于终端， 其特征在于， 所述方法包括： 响应于页面加载指令， 向服务器发送第一页面数据访问请求， 以及生成页面文件访问 请求； 其中， 所述页面加载指令用于请求加载应用的目标页面， 所述页面文件访问请求包括 所述目标页面的页面文件的地址， 所述第一页面数据访问请求包括所述目标页面的页面文 件的地址， 所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对应关 系； 接收所述服务器返回的所述目标页面的用。

4、户数据； 根据所述页面文件访问请求， 获取包括所述目标页面的页面文件的文件响应数据； 根据所述目标页面的用户数据和所述文件响应数据， 加载所述目标页面。 2.根据权利要求1所述的页面加载方法， 其特征在于， 所述页面文件访问请求还包括文 件请求类型标识， 所述第一页面数据访问请求还包括数据请求类型标识； 其中， 所述文件请求类型标识用于指示请求的类型为文件， 所述数据请求类型标识用 于指示请求的类型为数据。 3.根据权利要求1或2所述的页面加载方法， 其特征在于， 所述响应于页面加载指令， 向 服务器发送第一页面数据访问请求， 以及生成页面文件访问请求， 包括： 响应于对安装控件的选择操作， 。

5、向所述服务器发送所述第一页面数据访问请求， 以及 创建并初始化浏览器控件， 通过所述浏览器控件生成所述页面文件访问请求， 所述安装控 件用于被触发时安装所述浏览器控件； 或者， 响应于对所述浏览器控件的选择操作， 向所述服务器发送所述第一页面数据访 问请求， 以及初始化所述浏览器控件， 通过所述浏览器控件生成所述页面文件访问请求。 4.根据权利要求3所述的页面加载方法， 其特征在于， 在所述根据所述页面文件访问请 求， 获取包括所述目标页面的页面文件的文件响应数据之后， 所述方法还包括： 根据所述目标页面的页面文件， 通过所述浏览器控件生成第二页面数据访问请求， 所 述第二页面数据访问请求包括。

6、所述目标页面的用户数据的地址； 所述目标页面的页面文件 包括所述目标页面的用户数据的地址； 所述根据所述目标页面的用户数据和所述文件响应数据， 加载所述目标页面， 包括： 拦截所述第二页面数据访问请求； 响应于拦截所述第二页面数据访问请求， 将接收的所述目标页面的用户数据封装成所 述浏览器控件能够识别的目标响应数据， 并将所述目标响应数据传输至所述浏览器控件； 根据所述目标响应数据和所述文件响应数据， 通过所述浏览器控件加载所述目标页 面。 5.一种页面加载方法， 应用于服务器， 其特征在于， 所述方法包括： 接收终端发送的第一页面数据访问请求， 所述第一页面数据访问请求包括目标页面的 页面文。

7、件的地址， 所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在 对应关系； 根据所述第一页面数据访问请求， 获取所述目标页面的用户数据， 并向所述终端返回 所述目标页面的用户数据。 6.根据权利要求5所述的页面加载方法， 其特征在于， 所述方法还包括： 接收所述终端发送的页面文件访问请求， 所述页面文件访问请求包括所述目标页面的 权利要求书 1/2 页 2 CN 111079048 A 2 页面文件的地址； 根据所述页面文件访问请求， 获取所述目标页面的页面文件， 并向所述终端返回包括 有所述目标页面的页面文件的文件响应数据。 7.根据权利要求5所述的页面加载方法， 其特征在于， 。

8、所述根据所述第一页面数据访问 请求， 获取所述目标页面的用户数据， 包括： 在确定所述第一页面数据访问请求还包括数据请求类型标识时， 获取所述目标页面的 页面文件的地址对应的所述目标页面的用户数据的地址； 所述数据请求类型标识用于指示 请求的类型为数据； 根据所述目标页面的用户数据的地址， 获取所述目标页面的用户数据。 8.根据权利要求6所述的页面加载方法， 其特征在于， 所述根据所述页面文件访问请 求， 获取所述目标页面的页面文件， 包括： 在确定所述页面文件访问请求还包括文件请求类型标识时， 根据所述目标页面的页面 文件的地址， 获取所述目标页面的页面文件； 所述文件请求类型标识用于指示请。

9、求的类型 为文件。 9.一种终端， 其特征在于， 所述终端包括： 处理器； 用于存储所述处理器可执行指令的存储器； 其中， 所述处理器被配置为执行所述指令， 以实现如权利要求1-4中任一项所述的页面 加载方法。 10.一种服务器， 其特征在于， 所述服务器包括： 处理器； 用于存储所述处理器可执行指令的存储器； 其中， 所述处理器被配置为执行所述指令， 以实现如权利要求5-8中任一项所述的页面 加载方法。 权利要求书 2/2 页 3 CN 111079048 A 3 一种页面加载方法及装置 技术领域 0001 本公开涉及页面加载领域， 尤其涉及一种页面加载方法及装置。 背景技术 0002 网页。

10、视图(webview)控件， 是客户端应用的一个可视控件， 用于展示网页页面(可 称为web页面)。 由于web页面具有开发速度快、 新版本上线周期短、 一次开发可以适应不同 系统的优势， 因此在客户端应用中， web页面所占的比重越来越大。 0003 在相关技术中， web页面的加载依赖于webview控件。 当用户点击客户端应用中的 webview控件时， 终端可以进行该webview控件的初始化， 待webview的内核准备就绪后， 终 端可以 通过webview控件 ， 请求服务器来获取超文本标记语言 (hyper text markuplanguage， HTML)文件、 该HTML。

11、文件下的级联样式表(cascading style sheet， CSS) 文件、 Java script文件(简称JS文件)、 图片文件等页面资源， 以及web页面待展示的用户数 据， 并根据HTML文件、 页面资源和用户数据渲染web页面。 0004 但是， 由于在web页面的加载过程中， webview控件的初始化、 HTML文件的获取、 页 面资源的获取、 用户数据的获取是串行执行的， 即后一个步骤的执行需等待前一个步骤完 成之后方可开始， 这样会导致web页面加载时间长。 且由于在web页面加载过程中， 页面通常 为白屏， 影响用户体验。 发明内容 0005 本公开提供一种页面加载方。

12、法及装置， 解决了web页面加载时间长的问题。 本公开 的技术方案如下： 0006 根据本公开实施例的第一方面， 提供一种页面加载方法， 应用于终端， 包括： 0007 响应于页面加载指令， 向服务器发送第一页面数据访问请求， 以及生成页面文件 访问请求； 其中， 所述页面加载指令用于请求加载应用的目标页面， 所述页面文件访问请求 包括所述目标页面的页面文件的地址， 所述第一页面数据访问请求包括所述目标页面的页 面文件的地址， 所述目标页面的页面文件的地址与所述目标页面的用户数据的地址存在对 应关系； 0008 接收所述服务器返回的所述目标页面的用户数据； 0009 根据所述页面文件访问请求，。

13、 获取包括所述目标页面的页面文件的文件响应数 据； 0010 根据所述目标页面的用户数据和所述文件响应数据， 加载所述目标页面。 0011 可选的， 所述页面文件访问请求还包括文件请求类型标识， 所述第一页面数据访 问请求还包括数据请求类型标识； 0012 其中， 所述文件请求类型标识用于指示请求的类型为文件， 所述数据请求类型标 识用于指示请求的类型为数据。 0013 可选的， 所述响应于页面加载指令， 向服务器发送第一页面数据访问请求， 以及生 说明书 1/14 页 4 CN 111079048 A 4 成页面文件访问请求， 包括： 0014 响应于对安装控件的选择操作， 向所述服务器发送。

14、所述第一页面数据访问请求， 以及创建并初始化浏览器控件， 通过所述浏览器控件生成所述页面文件访问请求， 所述安 装控件用于被触发时安装所述浏览器控件； 0015 或者， 响应于对所述浏览器控件的选择操作， 向所述服务器发送所述第一页面数 据访问请求， 以及初始化所述浏览器控件， 通过所述浏览器控件生成所述页面文件访问请 求。 0016 可选的， 在所述根据所述页面文件访问请求， 获取包括所述目标页面的页面文件 的文件响应数据之后， 所述方法还包括： 0017 根据所述目标页面的页面文件， 通过所述浏览器控件生成第二页面数据访问请 求， 所述第二页面数据访问请求包括所述目标页面的用户数据的地址；。

15、 所述目标页面的页 面文件包括所述目标页面的用户数据的地址； 0018 所述根据所述目标页面的用户数据和所述文件响应数据， 加载所述目标页面， 包 括： 0019 拦截所述第二页面数据访问请求； 0020 响应于拦截所述第二页面数据访问请求， 将接收的所述目标页面的用户数据封装 成所述浏览器控件能够识别的目标响应数据， 并将所述目标响应数据传输至所述浏览器控 件； 0021 根据所述目标响应数据和所述文件响应数据， 通过所述浏览器控件加载所述目标 页面。 0022 可选的， 所述拦截所述第二页面数据访问请求， 包括： 0023 调用拦截函数， 在确定所述第二页面数据访问请求包括数据请求类型标识。

16、时拦截 所述第二页面数据访问请求。 0024 根据本公开实施例的第二方面， 提供一种页面加载方法， 应用于服务器， 包括： 0025 接收终端发送的第一页面数据访问请求， 所述第一页面数据访问请求包括目标页 面的页面文件的地址， 所述目标页面的页面文件的地址与所述目标页面的用户数据的地址 存在对应关系； 0026 根据所述第一页面数据访问请求， 获取所述目标页面的用户数据， 并向所述终端 返回所述目标页面的用户数据。 0027 可选的， 所述方法还包括： 0028 接收所述终端发送的页面文件访问请求， 所述页面文件访问请求包括所述目标页 面的页面文件的地址； 0029 根据所述页面文件访问请求。

17、， 获取所述目标页面的页面文件， 并向所述终端返回 包括有所述目标页面的页面文件的文件响应数据。 0030 可选的， 所述根据所述第一页面数据访问请求， 获取所述目标页面的用户数据， 包 括： 0031 在确定所述第一页面数据访问请求还包括数据请求类型标识时， 获取所述目标页 面的页面文件的地址对应的所述目标页面的用户数据的地址； 所述数据请求类型标识用于 指示请求的类型为数据； 说明书 2/14 页 5 CN 111079048 A 5 0032 根据所述目标页面的用户数据的地址， 获取所述目标页面的用户数据。 0033 可选的， 所述根据所述页面文件访问请求， 获取所述目标页面的页面文件，。

18、 包括： 0034 在确定所述页面文件访问请求还包括文件请求类型标识时， 根据所述目标页面的 页面文件的地址， 获取所述目标页面的页面文件； 所述文件请求类型标识用于指示请求的 类型为文件。 0035 根据本公开实施例的第三方面， 提供一种页面加载装置， 应用于终端， 包括： 0036 发送模块， 被配置为执行响应于页面加载指令， 向服务器发送第一页面数据访问 请求， 其中， 所述页面加载指令用于请求加载应用的目标页面， 所述第一页面数据访问请求 包括所述目标页面的页面文件的地址， 所述目标页面的页面文件的地址与所述目标页面的 用户数据的地址存在对应关系； 0037 生成模块， 被配置为执行响。

19、应于所述页面加载指令， 生成页面文件访问请求； 所述 页面文件访问请求包括所述目标页面的页面文件的地址； 0038 接收模块， 被配置为执行接收所述服务器返回的所述目标页面的用户数据； 0039 获取模块， 被配置为执行根据所述页面文件访问请求， 获取包括所述目标页面的 页面文件的文件响应数据； 0040 加载模块， 被配置为执行根据所述目标页面的用户数据和所述文件响应数据， 加 载所述目标页面。 0041 可选的， 所述页面文件访问请求还包括文件请求类型标识， 所述第一页面数据访 问请求还包括数据请求类型标识； 0042 其中， 所述文件请求类型标识用于指示请求的类型为文件， 所述数据请求类。

20、型标 识用于指示请求的类型为数据。 0043 可选的， 所述生成模块， 具体被配置为执行： 0044 响应于对安装控件的选择操作， 创建并初始化浏览器控件， 生成所述页面文件访 问请求， 所述安装控件用于被触发时安装所述浏览器控件； 0045 或者， 响应于对所述浏览器控件的选择操作， 初始化所述浏览器控件， 生成所述页 面文件访问请求。 0046 可选的， 所述生成模块， 还被配置为执行根据所述目标页面的页面文件， 生成第二 页面数据访问请求， 所述第二页面数据访问请求包括所述目标页面的用户数据的地址； 所 述目标页面的页面文件包括所述目标页面的用户数据的地址； 0047 所述加载模块， 具。

21、体被配置为执行拦截所述第二页面数据访问请求； 响应于拦截 所述第二页面数据访问请求， 将接收的所述目标页面的用户数据封装成所述浏览器控件能 够识别的目标响应数据， 并将所述目标响应数据传输至所述浏览器控件； 根据所述目标响 应数据和所述文件响应数据， 加载所述目标页面。 0048 可选的， 所述加载模块， 具体被配置为执行： 0049 调用拦截函数， 在确定所述第二页面数据访问请求包括数据请求类型标识时拦截 所述第二页面数据访问请求。 0050 根据本公开实施例的第四方面， 提供一种页面加载装置， 应用于服务器， 包括： 0051 接收模块， 被配置为执行接收终端发送的第一页面数据访问请求， 。

22、所述第一页面 数据访问请求包括目标页面的页面文件的地址， 所述目标页面的页面文件的地址与所述目 说明书 3/14 页 6 CN 111079048 A 6 标页面的用户数据的地址存在对应关系； 0052 获取模块， 被配置为执行根据所述第一页面数据访问请求， 获取所述目标页面的 用户数据； 0053 发送模块， 被配置为执行向所述终端返回所述目标页面的用户数据。 0054 可选的， 所述接收模块， 还被配置为执行接收所述终端发送的页面文件访问请求， 所述页面文件访问请求包括所述目标页面的页面文件的地址； 0055 所述获取模块， 还被配置为执行根据所述页面文件访问请求， 获取所述目标页面 的页。

23、面文件； 0056 所述发送模块， 还被配置为执行向所述终端返回包括有所述目标页面的页面文件 的文件响应数据。 0057 可选的， 所述获取模块， 具体被配置为执行： 0058 在确定所述第一页面数据访问请求还包括数据请求类型标识时， 获取所述目标页 面的页面文件的地址对应的所述目标页面的用户数据的地址； 所述数据请求类型标识用于 指示请求的类型为数据； 0059 根据所述目标页面的用户数据的地址， 获取所述目标页面的用户数据。 0060 可选的， 所述获取模块， 具体被配置为执行： 0061 在确定所述页面文件访问请求还包括文件请求类型标识时， 根据所述目标页面的 页面文件的地址， 获取所述。

24、目标页面的页面文件； 所述文件请求类型标识用于指示请求的 类型为文件。 0062 根据本公开实施例的第五方面， 提供一种终端， 所述终端包括： 0063 处理器； 0064 用于存储所述处理器可执行指令的存储器； 0065 其中， 所述处理器被配置为执行所述指令， 以实现上述第一方面中任一种可选地 页面加载方法。 0066 根据本公开实施例的第六方面， 提供一种服务器， 所述服务器包括： 0067 处理器； 0068 用于存储所述处理器可执行指令的存储器； 0069 其中， 所述处理器被配置为执行所述指令， 以实现上述第二方面中任一种可选地 页面加载方法。 0070 根据本公开实施例的第七方面。

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

26、一种可选地页面加载方法。 0073 根据本公开实施例的第十方面， 提供一种计算机程序产品， 包含指令， 当其在计算 说明书 4/14 页 7 CN 111079048 A 7 机上运行时， 使得计算机执行如第一方面中任一种可选地页面加载方法。 0074 根据本公开实施例的第十一方面， 提供一种计算机程序产品， 包含指令， 当其在计 算机上运行时， 使得计算机执行如第二方面中任一种可选地页面加载方法。 0075 本公开的实施例提供的技术方案至少带来以下有益效果： 终端响应于用于请求加 载应用的目标页面的页面加载指令， 向服务器发送第一页面数据访问请求， 以及生成页面 文件访问请求， 该第一页面数。

27、据访问请求和页面文件访问请求中均包括目标页面的页面文 件的地址， 该目标页面的页面文件的地址与该目标页面的用户数据的地址存在对应关系， 终端接收服务器返回的目标页面的用户数据， 根据页面文件访问请求， 获取包括有目标页 面的页面文件的文件响应数据， 且根据目标页面的用户数据和文件响应数据， 加载该目标 页面。 这样， 通过将加载目标页面的用户数据提前到与加载该目标页面的页面文件同时执 行， 由于加载目标页面的页面文件是先加载一个HTML文件， 然后加载该HTML文件下的JS文 件、 CSS文件、 图片文件等资源文件， 因此加载目标页面的用户数据与加载该目标页面的页 面文件同时执行， 也就是加载。

28、目标页面的用户数据与加载HTML文件同时执行， 并响应于页 面加载指令， 将该HTML文件的地址包含在第一页面数据访问请求中发送至服务器， 由于 HTML文件的地址与目标页面的用户数据的地址存在对应关系， 因此服务器能够根据该对应 关系获取到目标页面的用户数据， 并将其返回至终端， 使得终端在响应于页面加载指令， 加 载了HTML文件、 HTML文件下的资源文件之后， 可以直接使用接收到的目标页面的用户数据 进行页面加载， 而不是才向服务器请求该用户数据， 这样缩短了加载web页面所用的时间， 从而缩短了加载过程中显示白屏的时间， 提高了用户体验。 0076 应当理解的是， 以上的一般描述和后。

29、文的细节描述仅是示例性和解释性的， 并不 能限制本公开。 附图说明 0077 此处的附图被并入说明书中并构成本说明书的一部分， 示出了符合本公开的实施 例， 并与说明书一起用于解释本公开的原理， 并不构成对本公开的不当限定。 0078 图1是根据一示例性实施例示出的一种页面加载系统的示意图。 0079 图2是根据一示例性实施例示出的一种页面加载方法的流程图。 0080 图3是根据一示例性实施例示出的另一种页面加载方法的流程图。 0081 图4是根据一示例性实施例示出的另一种页面加载方法的流程图。 0082 图5是根据一示例性实施例示出的一种页面加载装置的逻辑结构框图。 0083 图6是根据一示。

30、例性实施例示出的另一种页面加载装置的逻辑结构框图。 0084 图7是根据一示例性实施例示出的一种终端的结构框图。 0085 图8是根据一示例性实施例示出的一种服务器的结构框图。 具体实施方式 0086 为了使本领域普通人员更好地理解本公开的技术方案， 下面将结合附图， 对本公 开实施例中的技术方案进行清楚、 完整地描述。 0087 需要说明的是， 本公开的说明书和权利要求书及上述附图中的术语 “第一” 、“第 二” 等是用于区别类似的对象， 而不必用于描述特定的顺序或先后次序。 应该理解这样使用 说明书 5/14 页 8 CN 111079048 A 8 的数据在适当情况下可以互换， 以便这里。

31、描述的本公开的实施例能够以除了在这里图示或 描述的那些以外的顺序实施。 以下示例性实施例中所描述的实施方式并不代表与本公开相 一致的所有实施方式。 相反， 它们仅是与如所附权利要求书中所详述的、 本公开的一些方面 相一致的装置和方法的例子。 0088 在对本公开实施例的页面加载方法进行详细介绍之前， 先对本公开实施例的应用 场景和实施环境进行介绍。 0089 首先， 对本公开实施例的应用场景进行介绍。 0090 本公开实施例的页面加载方法应用于加载应用的目标页面的场景中。 在一种场景 中， 当用户需要查看应用的目标页面时， 可以先安装用于展示该目标页面的浏览器控件， 这 样， 终端便可以根据用。

32、户的安装操作， 加载该目标页面。 在另一种场景中， 若该浏览器控件 已经在应用中创建好或该应用中内置有该浏览器控件， 则用户可以对该浏览器控件进行操 作， 终端便可以根据用户对该浏览器控件的操作， 加载目标页面。 其中， 浏览器控件可以为 应用中的webview控件， 目标页面为相应的web页面。 0091 但是， 在相关技术中， 加载web页面需要串行执行： 初始化相应的webview控件、 请 求web页面的HTML文件、 请求HTML文件下的资源文件、 请求web页面的用户数据、 根据HTML文 件、 资源文件和用户数据加载web页面， 这样会导致web页面加载时间长。 为了缩短加载we。

33、b 页面所用的时间， 本公开实施例提供一种页面加载方法， 通过将加载目标页面的用户数据 提前至与加载该目标页面的HTML文件同时执行， 使得终端在加载了HTML文件、 HTML文件下 的资源文件之后， 可以直接使用提前加载到的用户数据， 而不是在加载到资源文件后才向 服务器请求用户数据， 缩短了web页面的加载总时间从而缩短了加载过程中显示白屏的时 间， 提高了用户体验。 0092 接下来， 对本公开实施例的实施环境进行介绍。 0093 图1是根据一示例性实施例示出的一种页面加载系统的示意图。 如图1所示， 该页 面加载系统可以包括： 终端11和服务器12。 终端11通过有线通讯方式或无线通讯。

34、方式与服 务器12进行通信。 0094 其中， 终端11， 主要用于响应于用于请求加载应用的目标页面的页面加载指令， 向 服务器发送第一页面数据访问请求， 同时生成页面文件访问请求； 还用于根据获取的目标 页面的页面文件和从服务器12接收的目标页面的用户数据， 加载该目标页面。 其中， 目标页 面的页面文件包括： 一个HTML文件， 该HTML文件下的若干JS文件、 若干CSS文件、 若干图片文 件， 目标页面的用户数据可以包括： 用户的用户昵称、 用户头像的地址、 用户的个人简介等 个人信息。 0095 在一些实施例中， 终端11可以为手机、 平板电脑、 笔记本电脑、 台式计算机、 便携式 。

35、计算机等， 本公开对此不做限定。 图1中以终端11为手机为例示出。 0096 服务器12， 用于在接收到终端11发送的第一页面数据访问请求后， 获取并向终端 11返回目标页面的用户数据。 进一步的， 服务器12， 还用于在接收到终端11通过浏览器控件 发送的页面文件访问请求后， 获取并向终端11返回包括有目标页面的页面文件的文件响应 数据。 在一些实施例中， 服务器12可以为一台服务器， 或者， 也可以为由多台服务器组成的 服务器集群， 本公开对此不做限定。 0097 在介绍了本公开实施例的应用场景和实施环境之后， 对本公开实施例提供的页面 说明书 6/14 页 9 CN 111079048 。

36、A 9 加载方法进行详细介绍。 0098 图2是根据一示例性实施例示出的一种页面加载方法的流程图， 如图2所示， 该方 法可以包括： 0099 201、 终端响应于页面加载指令， 向服务器发送第一页面数据访问请求， 以及生成 页面文件访问请求。 0100 其中， 页面加载指令用于请求加载应用的目标页面， 页面文件访问请求包括目标 页面的页面文件的地址， 第一页面数据访问请求包括目标页面的页面文件的地址， 目标页 面的页面文件的地址与目标页面的用户数据的地址存在对应关系。 0101 且， 页面文件访问请求可以包括： HTML文件访问请求、 JS文件访问请求、 CSS文件访 问请求、 图片文件访问。

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

38、页面的页面文件的文件响应数 据。 0104 204、 终端根据目标页面的用户数据和文件响应数据， 加载目标页面。 0105 上述实施例提供的技术方案至少带来以下有益效果： 本公开的实施例提供的技术 方案至少带来以下有益效果： 终端响应于用于请求加载应用的目标页面的页面加载指令， 向服务器发送第一页面数据访问请求， 以及生成页面文件访问请求， 该第一页面数据访问 请求和页面文件访问请求中均包括目标页面的页面文件的地址， 该目标页面的页面文件的 地址与该目标页面的用户数据的地址存在对应关系， 终端接收服务器返回的目标页面的用 户数据， 根据页面文件访问请求， 获取包括有目标页面的页面文件的文件响应。

39、数据， 且根据 目标页面的用户数据和文件响应数据， 加载该目标页面。 这样， 通过将加载目标页面的用户 数据提前到与加载该目标页面的页面文件同时执行， 由于加载目标页面的页面文件是先加 载一个HTML文件， 然后加载该HTML文件下的JS文件、 CSS文件、 图片文件等资源文件， 因此加 载目标页面的用户数据与加载该目标页面的页面文件同时执行， 也就是加载目标页面的用 户数据与加载HTML文件同时执行， 并响应于页面加载指令， 将该HTML文件的地址包含在第 一页面数据访问请求中发送至服务器， 由于HTML文件的地址与目标页面的用户数据的地址 存在对应关系， 因此服务器能够根据该对应关系获取到。

40、目标页面的用户数据， 并将其返回 至终端， 使得终端在响应于页面加载指令， 加载了HTML文件、 HTML文件下的资源文件之后， 可以直接使用接收到的目标页面的用户数据进行页面加载， 而不是才向服务器请求该用户 数据， 这样缩短了加载web页面所用的时间， 从而缩短了加载过程中显示白屏的时间， 提高 了用户体验。 0106 图3是根据一示例性实施例示出的另一种页面加载方法的流程图， 如图3所示， 该 方法可以包括： 0107 301、 服务器接收终端发送的第一页面数据访问请求。 说明书 7/14 页 10 CN 111079048 A 10 0108 其中， 第一页面数据访问请求包括目标页面的。

41、页面文件的地址， 目标页面的页面 文件的地址与目标页面的用户数据的地址存在对应关系。 即， 第一页面数据访问请求包括 目标页面的HTML文件的地址， 目标页面的HTML文件的地址与目标页面的用户数据的地址存 在对应关系。 0109 302、 服务器根据第一页面数据访问请求， 获取目标页面的用户数据， 并向终端返 回目标页面的用户数据。 0110 上述实施例提供的技术方案至少带来以下有益效果： 服务器接收终端发送的第一 页面数据访问请求， 并根据该第一页面数据访问请求， 获取目标页面的用户数据， 且将其返 回至终端， 该第一页面数据访问请求中包括目标页面的HTML文件的地址， 目标页面的HTML。

42、 文件的地址与目标页面的用户数据的地址存在对应关系。 这样， 由于HTML文件的地址与用 户数据的地址存在对应关系， 因此服务器在接收到包括有目标页面的HTML文件的地址的第 一页面数据访问请求之后， 能够根据该对应关系获取到该目标页面的用户数据， 并将其返 回至终端， 实现了终端在加载目标页面的页面文件的同时加载该目标页面的用户数据， 缩 短了加载web页面所用的时间， 从而缩短了加载过程中显示白屏的时间， 提高了用户体验。 0111 图4是根据一示例性实施例示出的另一种页面加载方法的流程图， 如图4所示， 该 方法可以包括： 0112 401、 终端响应于页面加载指令， 向服务器发送第一页。

43、面数据访问请求， 以及生成 页面文件访问请求。 0113 其中， 第一页面数据访问请求中包括目标页面的HTML文件的地址， 该HTML文件的 地址具体可以为用于访问HTML文件的统一资源定位符(uniform resource locator， URL)。 例如， 用于访问HTML文件的URL可以为： http： / id1。 0114 当用户需要查看某应用的目标页面时， 终端可以响应于页面加载指令， 向服务器 发送包括有HTML文件的地址的第一页面数据访问请求的同时， 生成页面文件访问请求。 在 本公开实施例中， 终端响应于页面加载指令可以包括以下两种场景： 0115 在一种场景中， 终端可。

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

45、成页面文件访问请求。 0117 进一步的， 页面文件访问请求中还可以包括文件请求类型标识， 第一页面数据访 问请求还可以包括数据请求类型标识。 其中， 文件请求类型标识用于指示请求的类型为文 件， 数据请求类型标识用于指示请求的类型为数据。 0118 在具体实现中， 文件请求类型标识用于指示请求的类型为GET类型， 数据请求类型 标识用于指示请求的类型为POST类型， 也就是说， 第一页面数据访问请求的类型为POST类 型， HTML文件访问请求、 JS文件访问请求、 CSS文件访问请求、 图片文件访问请求的类型均为 说明书 8/14 页 11 CN 111079048 A 11 GET类型。。

46、 其中， POST请求的数据需要在服务器中保存， 不能提前在终端进行缓存， 即终端每 次加载目标页面， 都需要从服务器处请求该目标页面的用户数据。 GET请求的文件可以在终 端进行缓存。 0119 402、 服务器接收终端发送的第一页面数据访问请求。 0120 403、 服务器根据第一页面数据访问请求， 获取目标页面的用户数据。 0121 其中， 服务器在接收到终端发送的第一页面数据访问请求之后， 可以根据该第一 页面数据访问请求， 获取目标页面的用户数据。 0122 由于第一页面数据访问请求中包括的是用于访问HTML文件的地址， 因此服务器想 要根据第一页面数据访问请求获取到用户数据， 而不。

47、是获取到HTML文件， 还需要判断第一 页面数据访问请求的类型。 服务器获取目标页面的用户数据， 具体的可以包括： 如果确定第 一页面数据访问请求还包括： 数据请求类型标识， 则服务器可以查找自身存储的HTML文件 的地址与用户数据的地址的对应关系， 获取目标页面的HTML文件的地址对应的目标页面的 用户数据的地址， 然后根据目标页面的用户数据的地址， 获取目标页面的用户数据。 0123 404、 服务器向终端返回目标页面的用户数据。 0124 405、 终端接收服务器返回的目标页面的用户数据。 0125 406、 终端根据页面文件访问请求， 获取包括目标页面的页面文件的文件响应数 据。 01。

48、26 其中， 终端在执行完步骤401， 即浏览器控件生成页面文件访问请求之后， 浏览器 控件可以根据该请求， 获取包括有目标页面的页面文件的文件响应数据， 该文件响应数据 是浏览器控件能够识别的数据。 其中， 页面文件访问请求包括： HTML文件访问请求、 JS文件 访问请求、 CSS文件访问请求、 图片文件访问请求， 相应的， 文件响应数据包括： HTML响应数 据、 JS响应数据、 CSS响应数据或图片响应数据。 0127 在本公开实施例中， 终端可以采用以下两种方式获取文件响应数据： 0128 在一种实现方式中， 浏览器控件生成页面文件访问请求后， 浏览器控件可以使用 自身的网络组件， 。

49、直接向服务器发送该页面文件访问请求， 并接收服务器返回的文件响应 数据。 具体的实现中， 浏览器控件可以先向服务器发送HTML文件访问请求， 该HTML文件访问 请求中包括： HTML文件的地址， 并接收服务器返回的HTML文件。 然后浏览器控件解析该HTML 文件， 获取HTML文件包括的JS文件的地址、 CSS文件的地址、 图片文件的地址， 并生成JS文件 访问请求(包括JS文件的地址)、 CSS文件访问请求(包括CSS文件的地址)、 图片文件访问请 求(包括图片文件的地址)， 以相应接收服务器返回的JS响应数据、 CSS响应数据、 图片响应 数据， 这样， 浏览器控件便可以获取到该HTM。

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