页面缓存方法、页面显示方法及装置、存储介质与流程

1.本技术涉及计算机技术领域，尤其是涉及到一种页面缓存方法、页面显示方法及装置、存储介质、计算机设备。


背景技术：

2.随着智能电子设备的不断普及以及互联网技术的不断发展，越来越多的人通过智能电子设备进行信息浏览。以电商平台为例，电商平台可以提供各种会场，以供用户在会场浏览电商平台提供的活动信息、商品信息等内容，一般来说，会场包括主页面以及通过主页面进入的子页面。现有技术中，用户请求进入某个会场页面时，先加载该页面的页面信息，再基于页面信息进行会场页面的渲染和显示，加载信息的过程通常比较耗费时间，对用户来说从点击进入会场页面到设备上显示出会场页面，需要等待较长时间，页面显示速度较慢，用户体验差。


技术实现要素：

3.有鉴于此，本技术提供了一种页面缓存方法、页面显示方法及装置、存储介质、计算机设备，有助于提升页面显示速度，减少等待时间，提升用户体验。
4.根据本技术的一个方面，提供了一种页面缓存方法，包括：
5.响应于主页面显示指令，显示所述主页面；
6.确定所述主页面对应的可显示页面，其中，所述可显示页面以所述主页面为入口；
7.获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面缓存数据。
8.可选地，所述获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据，具体包括：
9.获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
10.构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
11.可选地，所述构建页面缓存容器之后，所述方法还包括：
12.阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报。
13.可选地，所述获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据，具体包括：
14.获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；
15.所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的
第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页面预缓存数据。
16.可选地，所述对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据之后，所述方法还包括：
17.当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，
18.当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
19.根据本技术的一个方面，提供了一种页面显示方法，包括：
20.响应于对目标页面的请求指令，在页面预缓存数据中获取所述目标页面的目标页面缓存数据，其中，所述页面预缓存数据包括至少一个可显示页面的页面预缓存数据，所述页面预缓存数据通过对所述可显示页面的页面信息进行预加载得到；
21.基于所述目标页面缓存数据，进行所述目标页面的显示。
22.可选地，所述响应于对目标页面的请求指令，在页面预缓存数据中获取所述目标页面的目标页面缓存数据之前，所述方法还包括：
23.显示主页面，并确定所述主页面对应的所述可显示页面，其中，所述可显示页面以对所述主页面为入口；
24.获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据。
25.可选地，所述获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据，具体包括：
26.获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
27.构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
28.可选地，所述在页面预缓存数据中获取所述目标页面的目标页面缓存数据，具体包括：
29.若所述页面缓存容器中的所述可显示页面包括所述目标页面，则获取所述目标页面的目标页面预加载链接；
30.相应地，所述基于所述目标页面缓存数据，进行所述目标页面的显示，具体包括：
31.将所述目标页面预加载链接上拼接的预热参数删除，得到所述目标页面的目标页面加载链接；
32.通过加载所述目标页面加载链接，在所述页面缓存容器中获取所述目标页面的目标页面视图以及目标页面资源信息，将所述目标页面资源信息渲染至所述目标页面视图中，以显示所述目标页面。
33.可选地，所述构建页面缓存容器之后，所述方法还包括：
34.阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报；
35.相应地，所述方法还包括：
36.响应于对目标页面的请求指令，上报所述目标页面的埋点信息。
37.可选地，所述获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据，具体包括：
38.获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；
39.所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页面预缓存数据。
40.可选地，所述对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据之后，所述方法还包括：
41.当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，
42.当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
43.根据本技术的另一个方面，提供了一种页面缓存装置，包括：
44.页面显示模块，用于响应于主页面显示指令，显示所述主页面；
45.页面确定模块，用于确定所述主页面对应的可显示页面，其中，所述可显示页面以所述主页面为入口；
46.预加载模块，用于获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面缓存数据。
47.可选地，所述预加载模块，具体用于：
48.获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
49.构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
50.可选地，所述装置还包括：
51.拦截模块，用于所述构建页面缓存容器之后，阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报。
52.可选地，所述预加载模块，具体用于：
53.获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；
54.所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页面预缓存数据。
55.可选地，所述装置还包括：
56.缓存释放模块，用于所述对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据之后，当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，当退出所述主页面以及所述可显示页面时，释放所述页面预缓存
数据。
57.根据本技术的另一方面，提供了一种页面显示装置，包括：
58.缓存获取模块，用于响应于对目标页面的请求指令，在页面预缓存数据中获取所述目标页面的目标页面缓存数据，其中，所述页面预缓存数据包括至少一个可显示页面的页面预缓存数据，所述页面预缓存数据通过对所述可显示页面的页面信息进行预加载得到；
59.页面显示模块，用于基于所述目标页面缓存数据，进行所述目标页面的显示。
60.可选地，所述装置还包括：
61.缓存模块，用于所述响应于对目标页面的请求指令，在页面预缓存数据中获取所述目标页面的目标页面缓存数据之前，显示主页面，并确定所述主页面对应的所述可显示页面，其中，所述可显示页面以对所述主页面为入口；获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据。
62.可选地，所述缓存模块，具体包括：
63.获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
64.构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
65.可选地，所述缓存获取模块，具体用于：
66.若所述页面缓存容器中的所述可显示页面包括所述目标页面，则获取所述目标页面的目标页面预加载链接；
67.相应地，所述页面显示模块，具体用于：
68.将所述目标页面预加载链接上拼接的预热参数删除，得到所述目标页面的目标页面加载链接；通过加载所述目标页面加载链接，在所述页面缓存容器中获取所述目标页面的目标页面视图以及目标页面资源信息，将所述目标页面资源信息渲染至所述目标页面视图中，以显示所述目标页面。
69.可选地，所述装置还包括：
70.拦截模块，用于所述构建页面缓存容器之后，阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报；
71.相应地，所述装置还包括：
72.解除模块，用于响应于对目标页面的请求指令，上报所述目标页面的埋点信息。
73.可选地，所述页面显示模块，还用于：
74.获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；
75.所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页面预缓存数据。
76.可选地，所述装置还包括：
77.缓存释放模块，用于所述对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据之后，当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
78.依据本技术又一个方面，提供了一种存储介质，其上存储有计算机程序，所述程序被处理器执行时实现上述页面缓存方法或页面显示方法。
79.依据本技术再一个方面，提供了一种计算机设备，包括存储介质、处理器及存储在存储介质上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面缓存方法或页面显示方法。
80.借由上述技术方案，本技术提供的一种页面缓存方法、页面显示方法及装置、存储介质、计算机设备，基于可显示页面的页面信息进行预加载得到页面预缓存数据，当接收到对目标页面的请求指令时，在页面预缓存数据中获取目标页面缓存数据，并基于目标页面缓存数据进行目标页面的渲染和显示。本技术实施例通过预加载页面的方式，在用户请求进入经过预加载的目标页面时，可以通过目标页面缓存数据实现快速显示目标页面，节约了目标页面的加载时间，提升了目标页面的显示速度，缩短了用户等待时间，有助于提升用户体验。
81.上述说明仅是本技术技术方案的概述，为了能够更清楚了解本技术的技术手段，而可依照说明书的内容予以实施，并且为了让本技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本技术的具体实施方式。
附图说明
82.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
83.图1示出了本技术实施例提供的一种页面显示方法的流程示意图；
84.图2示出了本技术实施例提供的另一种页面显示方法的流程示意图；
85.图3示出了本技术实施例提供的一种页面缓存方法的流程示意图；
86.图4示出了本技术实施例提供的一种页面显示方法的流程示意图；
87.图5示出了本技术实施例提供的一种页面显示装置的结构示意图；
88.图6示出了本技术实施例提供的一种页面缓存装置的结构示意图。
具体实施方式
89.下文中将参考附图并结合实施例来详细说明本技术。需要说明的是，在不冲突的情况下，本技术中的实施例及实施例中的特征可以相互组合。
90.在本实施例中提供了一种页面显示方法，如图1所示，该方法包括：
91.步骤101，响应于对目标页面的请求指令，在页面预缓存数据中获取所述目标页面的目标页面缓存数据，其中，所述页面预缓存数据包括至少一个可显示页面的页面预缓存数据，所述页面预缓存数据通过对所述可显示页面的页面信息进行预加载得到；
92.步骤102，基于所述目标页面缓存数据，进行所述目标页面的显示。
93.本技术实施例中，用户在进行页面浏览的过程中，当用户想要浏览目标页面，触发
了对目标页面的请求指令时，客户端响应于对目标页面的请求指令，在预先加载好的页面预缓存数据中获取与该目标页面匹配的缓存数据，即获取其中的目标页面缓存数据，从而基于预先缓存好的目标页面缓存数据，进行目标页面的渲染和显示，通过对可显示页面进行预先缓存的方式，以便在针对可显示页面中的任意目标页面进行请求时，直接利用缓存数据渲染和显示目标页面，提升页面显示效率，缩短页面显示时间，减少用户等待时间以及设备“白屏”时间，有助于提升用户的使用体验。
94.另外，需要说明的是，本技术实施例中可以在设备空闲时对可显示页面进行提前预加载，可显示页面可以包括平台提供的各会场页面、活动页面等，例如在用户进入某个会场主页面后，对会场子页面进行预加载，预加载的子页面可以涵盖通过会场主页面的各可选模块进入的一级会场页面，以及通过一级页面再进入的二级会场页面等等。又例如在用户打开软件后，对特定会场(比如主推活动会场)的全部页面进行预加载，用户点击进入主页面、子页面时都可以利用页面预缓存进行页面的渲染和显示，提升页面显示效率。
95.通过应用本实施例的技术方案，基于可显示页面的页面信息进行预加载得到页面预缓存数据，当接收到对目标页面的请求指令时，在页面预缓存数据中获取目标页面缓存数据，并基于目标页面缓存数据进行目标页面的渲染和显示。本技术实施例通过预加载页面的方式，在用户请求进入经过预加载的目标页面时，可以通过目标页面缓存数据实现快速显示目标页面，节约了目标页面的加载时间，提升了目标页面的显示速度，缩短了用户等待时间，有助于提升用户体验。
96.本技术实施例中，可选地，页面预缓存数据可以通过以下步骤获得：显示主页面，并确定所述主页面对应的所述可显示页面，其中，所述可显示页面以对所述主页面为入口；获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据。
97.在该实施例中，用户选择浏览某个会场的主页面时，可以认为用户存在对该会场主页面附属的子页面进一步浏览的可能，为了提高用户进一步浏览时的页面响应速度，减少用户等待时间，当主页面渲染完毕进行显示之后，确定该主页面对应的可显示页面，可显示页面具体可以为以主页面为入口的页面，在实际应用场景中，主页面上包括多个可选选项，例如主页面中可以包括一些可选模块、可选标签等，以特卖会场主页面为例，主页面可以包括“美妆”、“服饰”等可选模块，用户可以通过选择模块进入相应的子页面，这些子页面可以看作是本技术实施例中的可显示页面。进一步显示主页面后，获取可显示页面的页面信息，并对页面信息进行预加载，以实现对可显示页面的预加载，获得可显示页面的页面预缓存数据，以便在用户请求预缓存的可显示页面后，可以直接利用相应的预缓存数据进行页面渲染、显示，减少页面显示时间。具体的，预加载可以包括网页视图构建、页面主文档加载、页面资源加载。
98.在本技术实施例中，可选地，“获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据”包括：获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二
页面预缓存数据。
99.在该实施例中，对可显示页面的预加载顺序可以按照各可显示页面以主页面为入口所需的操作次数进行排列，其中，通过主页面上的可选选项直接进入的作为第一可显示页面，即通过点击主页面上的可选选项直接触达的子页面作为第一可显示页面，这部分页面可以优先进行预加载，得到第一页面预缓存数据。第一可显示页面预缓存结束后，进一步进行主页面对应的剩余可显示页面即第二可显示页面的预缓存，对于第二可显示页面的预加载，为减轻服务器对页面信息的数据传输压力、减轻客户端的预加载压力，以及避免用户浏览子页面时看到的页面信息过旧，可以分批次的进行第二可显示页面的页面信息请求和预缓存，例如每隔一段时间请求几个页面的页面信息以及进行页面预缓存。
100.在本技术实施例中，为避免预缓存的数据对内存的过度占用，可选地，还可以包括：当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
101.在该实施例中，对可显示页面进行预加载之后，还可以记录缓存数据的数据存储时长，若超过预设存储时长，可将页面缓存数据释放，以释放缓存对设备内存的占用。也可以在用户退出主页面及其对应的可显示页面后，或退出一段时间后，释放页面预缓存数据，例如用户退出某个会场后，将该会场对应的可显示页面的页面预缓存数据释放掉，以免占用设备资源。
102.进一步的，作为上述实施例具体实施方式的细化和扩展，为了完整说明本实施例的具体实施过程，提供了另一种页面显示方法，如图2所示，该方法包括：
103.步骤201，显示主页面，并确定所述主页面对应的所述可显示页面，其中，所述可显示页面以对所述主页面为入口；
104.步骤202，获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
105.步骤203，构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
106.在上述实施例中，可以通过创建预加载链接的方式，通过预加载链接执行对可显示页面的页面信息下载和预加载，其中，对于没有提前进行预加载的页面来说，通过页面加载链接实现下载和加载页面信息。本技术实施例中，对于要进行预加载的可显示页面，首先，获取可显示页面的页面加载链接，在页面加载链接中拼接上预热参数得到页面预加载链接，通过拼接的预热参数表示该链接用于离屏渲染阶段，接下来是离屏渲染阶段，其次，客户端创建页面缓存容器，并加载页面预加载链接，以实现获取可显示页面的页面信息，其中，页面信息包括页面视图信息和页面资源信息，最后，通过页面视图信息实现对可显示页面的页面视图的预先构建以及对可显示页面的页面资源信息的预先加载，这些预先生成的内容即可显示页面视图和预加载的页面资源信息可以存储在页面缓存容器中，以便后续调用。
107.另外，预加载的内容可以按照键值对的方式进行存储，键为可显示页面的页面预加载链接，值为可显示页面的可显示页面视图以及页面资源信息。
108.步骤204，响应于对目标页面的请求指令，若所述页面缓存容器中的所述可显示页
面包括所述目标页面，则获取所述目标页面的目标页面预加载链接；
109.步骤205，将所述目标页面预加载链接上拼接的预热参数删除，得到所述目标页面的目标页面加载链接；
110.步骤206，通过加载所述目标页面加载链接，在所述页面缓存容器中获取所述目标页面的目标页面视图以及目标页面资源信息，将所述目标页面资源信息渲染至所述目标页面视图中，以显示所述目标页面。
111.在上述实施例中，用户对目标页面进行请求时，如果用户请求的目标页面命中了页面缓存容器中预加载的页面，那么直接从页面缓存容器中取目标页面的目标页面视图进行上屏展示，以实现页面快速展示的效果。在具体应用场景中，对于预加载成功的可显示页面，可以进行记录，以便在后续接收到用户对某个页面的请求时，能够快速的通过记录识别到用户所请求的页面是否已经进行了预加载，如果页面缓存容器中预加载的可显示页面包括用户请求的目标页面，那么获取目标页面对应的目标页面预加载链接(该链接在页面预加载阶段通过拼接预热参数的方式得到)，由于该阶段是对目标页面的加载阶段，因此去掉目标页面预加载链接上的预热参数，将该链接恢复为目标页面加载链接，而后通过加载该链接，从页面缓存容器中获取预加载的目标页面视图，以及获取目标页面资源信息，从而通过目标页面视图和目标页面资源信息实现对目标页面的快速渲染和快速展示。节约了需要耗费时间较长的网页视图构建和页面资源加载的时间，大大提升了页面显示速度，实现了对用户请求页面的快速响应。
112.进一步，在本技术实施例中，可选地，步骤203“构建页面缓存容器”之后，还包括：阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报。相应地，还包括：响应于对目标页面的请求指令，上报所述目标页面的埋点信息。
113.在该实施例中，在实际应用场景中，主页面包括的模块可能较多，为保证性能，可以分批次请求各模块对应的可显示页面的页面信息，例如主页面包括30个模块，可以先请求10个，剩下的每隔一段时间，或者10个模块对应的可显示页面预加载结束后再请求剩下的部分，因此可以对主页面用于请求各模块对应的页面信息的接口进行阻止，阻止客户端基于现有逻辑通过该接口请求可显示页面的页面信息的行为，避免造成服务器的数据传输压力，也避免预加载的数据比较旧导致用户真正浏览页面时看到的信息不是最新信息。并且，由于预加载并不是真正的访问页面，因此，还应拦截预加载的可显示页面的埋点信息上报。
114.在本实施例中提供了一种页面缓存方法，如图3所示，该方法包括：
115.步骤301，响应于主页面显示指令，显示所述主页面；
116.步骤302，确定所述主页面对应的可显示页面，其中，所述可显示页面以所述主页面为入口；
117.步骤303，获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面缓存数据。
118.在该实施例中，用户选择浏览某个会场的主页面时，可以认为用户存在对该会场主页面附属的子页面进一步浏览的可能，为了提高用户进一步浏览时的页面响应速度，减少用户等待时间，当主页面渲染完毕进行显示之后，确定该主页面对应的可显示页面，可显示页面具体可以为以主页面为入口的页面，在实际应用场景中，主页面上包括多个可选选
项，例如主页面中可以包括一些可选模块、可选标签等，以特卖会场主页面为例，主页面可以包括“美妆”、“服饰”等可选模块，用户可以通过选择模块进入相应的子页面，这些子页面可以看作是本技术实施例中的可显示页面。进一步显示主页面后，获取可显示页面的页面信息，并对页面信息进行预加载，以实现对可显示页面的预加载，获得可显示页面的页面预缓存数据，以便在用户请求预缓存的可显示页面后，可以直接利用相应的预缓存数据进行页面渲染、显示，减少页面显示时间。具体的，预加载可以包括网页视图构建、页面主文档加载、页面资源加载。
119.在本技术实施例中，可选地，步骤303具体包括：获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
120.在该实施例中，可以通过创建预加载链接的方式，通过预加载链接执行对可显示页面的页面信息下载和预加载，其中，对于没有提前进行预加载的页面来说，通过页面加载链接实现下载和加载页面信息。本技术实施例中，对于要进行预加载的可显示页面，首先，获取可显示页面的页面加载链接，在页面加载链接中拼接上预热参数得到页面预加载链接，通过拼接的预热参数表示该链接用于离屏渲染阶段，接下来是离屏渲染阶段，其次，客户端创建页面缓存容器，并加载页面预加载链接，以实现获取可显示页面的页面信息，其中，页面信息包括页面视图信息和页面资源信息，最后，通过页面视图信息实现对可显示页面的页面视图的预先构建以及对可显示页面的页面资源信息的预先加载，这些预先生成的内容即可显示页面视图和预加载的页面资源信息可以存储在页面缓存容器中，以便后续调用。
121.另外，预加载的内容可以按照键值对的方式进行存储，键为可显示页面的页面预加载链接，值为可显示页面的可显示页面视图以及页面资源信息。
122.在本技术实施例中，可选地，所述构建页面缓存容器之后，还包括：阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报。
123.在该实施例中，在实际应用场景中，主页面包括的模块可能较多，为保证性能，可以分批次请求各模块对应的可显示页面的页面信息，例如主页面包括30个模块，可以先请求10个，剩下的每隔一段时间，或者10个模块对应的可显示页面预加载结束后再请求剩下的部分，因此可以对主页面用于请求各模块对应的页面信息的接口进行阻止，阻止客户端基于现有逻辑通过该接口请求可显示页面的页面信息的行为，避免造成服务器的数据传输压力，也避免预加载的数据比较旧导致用户真正浏览页面时看到的信息不是最新信息。并且，由于预加载并不是真正的访问页面，因此，还应拦截预加载的可显示页面的埋点信息上报。
124.在本技术实施例中，可选地，步骤303具体包括：获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页
面预缓存数据。
125.在该实施例中，对可显示页面的预加载顺序可以按照各可显示页面以主页面为入口所需的操作次数进行排列，其中，通过主页面上的可选选项直接进入的作为第一可显示页面，即通过点击主页面上的可选选项直接触达的子页面作为第一可显示页面，这部分页面可以优先进行预加载，得到第一页面预缓存数据。第一可显示页面预缓存结束后，进一步进行主页面对应的剩余可显示页面即第二可显示页面的预缓存，对于第二可显示页面的预加载，为减轻服务器对页面信息的数据传输压力、减轻客户端的预加载压力，以及避免用户浏览子页面时看到的页面信息过旧，可以分批次的进行第二可显示页面的页面信息请求和预缓存，例如每隔一段时间请求几个页面的页面信息以及进行页面预缓存。
126.在本技术实施例中，可选地，还包括：步骤304，当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
127.在该实施例中，对可显示页面进行预加载之后，还可以记录缓存数据的数据存储时长，若超过预设存储时长，可将页面缓存数据释放，以释放缓存对设备内存的占用。也可以在用户退出主页面及其对应的可显示页面后，或退出一段时间后，释放页面预缓存数据，例如用户退出某个会场后，将该会场对应的可显示页面的页面预缓存数据释放掉，以免占用设备资源。
128.如图4所示，为本技术实施例提供的一个页面显示方法示例。页面显示过程包括离屏加载阶段和上屏显示阶段。离屏阶段：1、用户点击某个会场入口后，2、app创建首屏页面视图并加载首屏页面资源，对首屏页面(主页面)进行渲染，3、前端监听app的加载过程，渲染好之后，首屏页面加载完成后，前端调用api通知app预加载该会场的剩余页面(可显示页面)，4、页面加载前在剩余页面的页面加载链接上拼接_wv_prehot＝true参数(预热参数)，表示接下来是离屏渲染阶段，走预热链路，5、app创建webview容器(页面缓存容器)，并加载上一步中拼接后的链接，6、加载完成后存储webview实例(可选地，以键值对的方式存储webview实例，键为页面预加载链接)，7、前端识别到链接上带有_wv_prehot＝true参数时，阻止首屏接口请求，8、发送主文档、js/css等信息(页面资源信息)加载完成通知。上屏阶段：9、用户点击首屏页面的标签tab，请求进入标签对应的目标页面，10、通过目标页面链接匹配预热的webview，11、在webview容器中取预热好的webview上屏渲染，12，渲染成功发送上屏通知，13、前端收到上屏通知后去掉链接上的_wv_prehot＝true参数，走正常渲染链路，14，加载取出的数据进行页面渲染，15，上报埋点数据。
129.进一步的，作为图1方法的具体实现，本技术实施例提供了一种页面显示装置，如图5所示，该装置包括：
130.缓存获取模块，用于响应于对目标页面的请求指令，在页面预缓存数据中获取所述目标页面的目标页面缓存数据，其中，所述页面预缓存数据包括至少一个可显示页面的页面预缓存数据，所述页面预缓存数据通过对所述可显示页面的页面信息进行预加载得到；
131.页面显示模块，用于基于所述目标页面缓存数据，进行所述目标页面的显示。
132.可选地，所述装置还包括：
133.缓存模块，用于所述响应于对目标页面的请求指令，在页面预缓存数据中获取所
述目标页面的目标页面缓存数据之前，显示主页面，并确定所述主页面对应的所述可显示页面，其中，所述可显示页面以对所述主页面为入口；获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据。
134.可选地，所述缓存模块，具体包括：
135.获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
136.构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
137.可选地，所述缓存获取模块，具体用于：
138.若所述页面缓存容器中的所述可显示页面包括所述目标页面，则获取所述目标页面的目标页面预加载链接；
139.相应地，所述页面显示模块，具体用于：
140.将所述目标页面预加载链接上拼接的预热参数删除，得到所述目标页面的目标页面加载链接；通过加载所述目标页面加载链接，在所述页面缓存容器中获取所述目标页面的目标页面视图以及目标页面资源信息，将所述目标页面资源信息渲染至所述目标页面视图中，以显示所述目标页面。
141.可选地，所述装置还包括：
142.拦截模块，用于所述构建页面缓存容器之后，阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报；
143.相应地，所述装置还包括：
144.解除模块，用于响应于对目标页面的请求指令，上报所述目标页面的埋点信息。
145.可选地，所述页面显示模块，还用于：
146.获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；
147.所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页面预缓存数据。
148.可选地，所述装置还包括：
149.缓存释放模块，用于所述对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据之后，当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
150.进一步的，作为图3方法的具体实现，本技术实施例提供了一种页面缓存装置，如图6所示，该装置包括：
151.页面显示模块，用于响应于主页面显示指令，显示所述主页面；
152.页面确定模块，用于确定所述主页面对应的可显示页面，其中，所述可显示页面以所述主页面为入口；
153.预加载模块，用于获取所述可显示页面的页面信息，对所述页面信息进行预加载，得到所述可显示页面的页面缓存数据。
154.可选地，所述预加载模块，具体用于：
155.获取所述可显示页面的页面加载链接，在所述可显示页面的页面加载链接中拼接预热参数，得到所述可显示页面的页面预加载链接；
156.构建页面缓存容器，通过在所述页面缓存容器中加载所述页面预加载链接，获取所述可显示页面的页面视图信息以及页面资源信息，并创建所述页面视图信息对应的可显示页面视图以及预加载所述页面资源信息。
157.可选地，所述装置还包括：
158.拦截模块，用于所述构建页面缓存容器之后，阻止所述可显示页面的接口请求以及阻止所述可显示页面的埋点信息上报。
159.可选地，所述预加载模块，具体用于：
160.获取所述可显示页面中的第一可显示页面的第一页面信息，对所述第一页面信息进行预加载，得到所述第一可显示页面的预设第一页面预缓存数据，其中，所述第一可显示页面通过触发所述主页面上的可选选项而进入；
161.所述第一可显示信息预加载结束后，获取所述可显示页面中的第二可显示页面的第二页面信息，对所述第二页面信息进行预加载，得到所述第二可显示页面的预设第二页面预缓存数据。
162.可选地，所述装置还包括：
163.缓存释放模块，用于所述对所述页面信息进行预加载，得到所述可显示页面的页面预缓存数据之后，当所述页面预缓存数据的数据存储时长超过预设存储时长时，释放所述页面预缓存数据；或者，当退出所述主页面以及所述可显示页面时，释放所述页面预缓存数据。
164.需要说明的是，本技术实施例提供的一种页面显示装置所涉及各功能单元的其他相应描述，可以参考图1至图3方法中的对应描述，在此不再赘述。
165.基于上述如图1至图3所示方法，相应的，本技术实施例还提供了一种存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述如图1至图3所示的页面显示方法、页面缓存方法。
166.基于这样的理解，本技术的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施场景所述的方法。
167.基于上述如图1至图3所示的方法，以及图5和图6所示的虚拟装置实施例，为了实现上述目的，本技术实施例还提供了一种计算机设备，具体可以为个人计算机、服务器、网络设备等，该计算机设备包括存储介质和处理器；存储介质，用于存储计算机程序；处理器，用于执行计算机程序以实现上述如图1至图3所示的页面显示方法、页面缓存方法。
168.可选地，该计算机设备还可以包括用户接口、网络接口、摄像头、射频(radio frequency，rf)电路，传感器、音频电路、wi-fi模块等等。用户接口可以包括显示屏(display)、输入单元比如键盘(keyboard)等，可选用户接口还可以包括usb接口、读卡器接
口等。网络接口可选的可以包括标准的有线接口、无线接口(如蓝牙接口、wi-fi接口)等。
169.本领域技术人员可以理解，本实施例提供的一种计算机设备结构并不构成对该计算机设备的限定，可以包括更多或更少的部件，或者组合某些部件，或者不同的部件布置。
170.存储介质中还可以包括操作系统、网络通信模块。操作系统是管理和保存计算机设备硬件和软件资源的程序，支持信息处理程序以及其它软件和/或程序的运行。网络通信模块用于实现存储介质内部各组件之间的通信，以及与该实体设备中其它硬件和软件之间通信。
171.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本技术可以借助软件加必要的通用硬件平台的方式来实现，也可以通过硬件实现基于可显示页面的页面信息进行预加载得到页面预缓存数据，当接收到对目标页面的请求指令时，在页面预缓存数据中获取目标页面缓存数据，并基于目标页面缓存数据进行目标页面的渲染和显示。本技术实施例通过预加载页面的方式，在用户请求进入经过预加载的目标页面时，可以通过目标页面缓存数据实现快速显示目标页面，节约了目标页面的加载时间，提升了目标页面的显示速度，缩短了用户等待时间，有助于提升用户体验。
172.本领域技术人员可以理解附图只是一个优选实施场景的示意图，附图中的模块或流程并不一定是实施本技术所必须的。本领域技术人员可以理解实施场景中的装置中的模块可以按照实施场景描述进行分布于实施场景的装置中，也可以进行相应变化位于不同于本实施场景的一个或多个装置中。上述实施场景的模块可以合并为一个模块，也可以进一步拆分成多个子模块。
173.上述本技术序号仅仅为了描述，不代表实施场景的优劣。以上公开的仅为本技术的几个具体实施场景，但是，本技术并非局限于此，任何本领域的技术人员能思之的变化都应落入本技术的保护范围。