页面加载方法、设备、装置及存储介质与流程

1.本技术涉及互联网技术领域，尤其涉及一种页面加载方法、设备、装置及存储介质。


背景技术：

2.单页面应用(single page web application，spa)能够动态重写当前的页面来与用户交互，而不需要重新加载整个页面。相对于传统的互联网应用，单页面应用采用前后端分离方式，后端只负责处理数据并提供接口，由前端负责页面逻辑和页面渲染。
3.在前端单页面应用开发中，经常会遇到在页面发生跳转时，需要记录上一个页面的修改状态的情况，以便返回上一个页面时，能后避免需要重复操作。目前保存页面的历史状态的方式主要为：利用vue.js框架提供的keep-alive(持久保持)组件，将需要记录状态信息的页面写入该组件中，实现页面的历史状态信息的保存。
4.现有页面历史状态保存方式，在返回该页面时，只能返回到保存的历史状态，无法满足一些应用场景的需求。例如，对于一些需要返回到历史页面的初始状态的场景等。因此，如何实现页面状态信息的有选择性加载是本领域技术人员亟需解决的技术问题。


技术实现要素：

5.本技术的多个方面提供一种页面加载方法、设备、装置及存储介质，用以实现页面状态信息有选择的加载，提高页面加载的灵活性。
6.本技术实施例提供一种页面加载方法，包括：
7.获取所述第一页面的配置属性信息；所述第一页面为当前显示的第二页面的前一页面；
8.根据所述配置属性信息，获取所述第一页面的保持属性；
9.在所述第一页面的保持属性为持久保持的情况下，响应于从第二页面向第一页面的返回操作，从所述配置属性信息中，获取所述第一页面的目标缓存页面；
10.在所述目标缓存页面为所述第二页面的情况下，根据所述第一页面的标识，从缓存的历史状态信息中获取所述第一页面的历史状态信息；
11.根据所述第一页面的历史状态信息，加载所述第一页面。
12.本技术实施例还提供一种页面加载装置，包括：
13.获取模块，用于获取所述第一页面的配置属性信息；根据所述配置属性信息，获取所述第一页面的保持属性；在所述第一页面的保持属性为持久保持的情况下，响应于从第二页面向第一页面的返回操作，从所述配置属性信息中，获取所述第一页面的目标缓存页面；以及，在所述目标缓存页面为所述第二页面的情况下，根据所述第一页面的标识，从缓存的历史状态信息中获取所述第一页面的历史状态信息；所述第一页面为当前显示的第二页面的前一页面；
14.加载模块，用于根据所述第二页面的历史状态信息，加载所述第二页面。
15.本技术实施例还提供一种电子设备，包括：存储器、处理器和显示组件；其中，所述存储器，用于存储计算机程序；
16.所述处理器耦合至所述存储器及所述显示组件，用于执行所述计算机程序以用于执行上述页面加载方法中的步骤。
17.本技术实施例还提供一种存储有计算机指令的计算机可读存储介质，当所述计算机指令被一个或多个处理器执行时，致使所述一个或多个处理器执行上述页面加载方法中的步骤。
18.在本技术实施例中，针对单页面应用，增加新的配置属性信息。针对从第二页面返回第一页面的场景，根据第一页面的配置属性信息，可获取第一页面的保持属性及第一页面的目标缓存页面，在第一页面的保持属性为持久保持且第一页面的目标缓存页面为第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息，并根据第一页面的历史状态信息，加载第一页面，实现对第一页面的历史状态信息的有选择性的保存和加载，有助于提高第一页面加载的灵活性。
附图说明
19.此处所说明的附图用来提供对本技术的进一步理解，构成本技术的一部分，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
20.图1-图3为本技术实施例提供的页面加载方法的流程示意图；
21.图4为本技术实施例提供的页面加载装置的结构示意图；
22.图5为本技术实施例提供的电子设备的结构示意图。
具体实施方式
23.为使本技术的目的、技术方案和优点更加清楚，下面将结合本技术具体实施例及相应的附图对本技术技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。
24.现有页面历史状态保存方式，在返回该页面时，只能返回到保存的历史状态，无法满足一些应用场景的需求。在本技术一些实施例中，针对单页面应用，增加新的配置属性信息。针对从第二页面返回第一页面的场景，根据第一页面的配置属性信息，可获取第一页面的保持属性，在第一页面的保持属性为持久保持且第二页面为第一页面的目标缓存页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息，并根据第一页面的历史状态信息，加载第一页面，实现对第一页面的历史状态信息的有选择性的保存和加载，有助于提高第一页面加载的灵活性。
25.以下结合附图，详细说明本技术各实施例提供的技术方案。
26.应注意到：相同的标号在下面的附图以及实施例中表示同一物体，因此，一旦某一物体在一个附图或实施例中被定义，则在随后的附图和实施例中不需要对其进行进一步讨论。
27.图1为本技术实施例提供的一种页面加载方法的流程示意图。如图1所示，该方法包括：
28.101、针对当前显示的第一页面，获取第一页面的配置属性信息。
29.102、根据配置属性信息，获取第一页面的保持属性。
30.103、在第一页面的保持属性为持久保持的情况下，缓存第一页面的当前状态信息，作为第一页面的历史状态信息。
31.104、响应于针对第一页面向第二页面的切换操作，从第一页面跳转至第二页面。
32.在本技术实施例中，第一页面和第二页面均为单页面应用。对于单页面应用，刷新页面会请求html文件，切换页面时不会发起新的请求html文件，只是页面内容发生了变化。单页面应用可为渐进式页面框架，如vue.js框架等。
33.对于单页面应用的页面框架来说，可包括：路由管理器(router)。在单页面应用中，路由管理器用于处理页面展示及跳转相关逻辑，提供模块化的、基于组件的路由配置以及细粒度的导航控制。在本实施例中，为了实现单页面应用的状态信息的有选择性保持，可在路由管理器中增加新的配置属性信息，标识单页面应用a需要在切换至另一目标页面b时保存页面a的状态信息。页面的状态信息可为页面在切换至另一目标页面前的状态信息，可包括：页面的状态信息可为页面在切换至另一目标页面前的至少一次页面操作对应的页面状态信息，如搜索操作对应的页面搜索状态、翻页操作对应的翻页状态等等。
34.其中，上述新增的配置属性信息可包括：页面a的标识及页面a的保持属性以及页面a的目标缓存页面的标识等。其中，页面a的标识可为唯一标识一个单页面应用的信息，可为页面a的编号、代码或名称等。页面a的保持属性可包括：持久保持(keep-alive)和非持久保持。其中，持久保持是指需要对页面a的状态信息进行保存；非持久保持是指无需对页面a的状态信息进行保存。对于保持属性为持久保持的页面a来说，在从其它页面返回页面a时，可基于缓存的页面a的状态信息，返回页面a的历史状态；对于保持属性为非持久保持的页面a来说，在从其它页面返回页面a时，可返回页面a的初始状态。
35.在实际应用中，在一些应用场景在从其它页面返回到第一页面时需要返回到第一页面的历史状态，在另外一些应用场景中，在从其它页面返回到第一页面时不需要返回到第一页面的历史状态，例如在一些应用场景中，从某一页面返回第一页面时，需要返回到第一页面的初始状态等。在本实施例中，为了实现对页面的状态信息的有选择性保存，还可在上述路由管理器中增加需要返回第一页面的历史状态的目标缓存页面。相应地，新增的配置属性信息还可包括：页面a的目标缓存页面的标识等。其中，可由技术人员将需要返回至第一页面的历史状态的目标缓存页面的标识写入路由管理器相应字段，以在路由管理器中增加需要返回第一页面的历史状态的目标缓存页面。
36.在本实施例中，从页面a切换至目标缓存页面时需要保存页面a的状态信息，切换至其它页面不需要保存页面a的状态信息。其中，新增配置属性信息的代码如下：
[0037][0038][0039]
在上述配置属性信息主要表述：针对页面a，在切换至目标缓存页面b时，页面a的保持属性为持久保持，即页面a在切换至目标缓存页面b时，需要保存页面a的历史状态信息。
[0040]
在本实施例中，针对任一单页面应用，可在路由管理器中预先设置该单页面应用的配置属性信息。基于上述预先设置的配置属性信息，在从第一页面切换至第二页面时，在本实施例步骤101中，可响应于针对第一页面向第二页面的切换操作，获取第一页面的配置属性信息。其中，第一页面为当前显示页面，第二页面为待切换至的页面。可选地，可响应于针对第一页面向第二页面的切换操作，根据第一页面的标识，从路由管理器中获取第一页面的配置属性信息。具体地，可将第一页面的标识在路由管理器中进行匹配，以获取第一页面的标识对应的配置属性信息，作为第一页面的配置属性信息。基于上述配置属性信息的代码，可将第一页面的标识在路由管理器中的routes函数的name字段进行匹配，并将name字段的属性值为第一页面的标识的配置属性信息，作为第一页面的配置属性信息。
[0041]
进一步，在步骤102中，可根据第一页面的配置属性信息，获取第一页面的保持属性。具体地，可判断第一页面的配置属性信息中是否具有持久保持标识；若判断结果为是，确定第一页面的保持属性为持久保持。相应地，若判断结果为否，确定第一页面的保持属性为非持久保持。针对上述配置属性信息对应的代码，可从第一页面的配置属性信息中，获取keepalive属性对应的属性值；若keepalive属性对应的属性值为“ture”，确定配置属性信息具有持久保持标识，表示第一页面的保持属性为持久保持；若keepalive属性对应的属性值为“false”，确定配置属性信息不具有持久保持标识，表示第一页面的保持属性为非持久保持等。
[0042]
进一步，在第一页面的保持属性为持久保持的情况下，在步骤103中，可缓存第一页面的当前状态信息，作为第一页面的历史状态信息。在本技术实施例中，不限定第一页面
的历史状态信息的保存形式。在一些实施例中，可以文档对象模型的数据结构缓存第一页面的当前状态信息，即缓存第一页面的历史状态信息。对于vue.js框架结构的单页面应用来说，可以vnode形式缓存第一页面的当前状态信息。其中，vnode为虚拟的浏览器文档对象模型，可以理解成文档对象模型的描述对象，描述了应该怎样去创建真实的浏览器文档对象节点，vue.js可通过这个虚拟对象模型对真实对象模型发生的变化保持追踪。
[0043]
在本技术实施例中，除了缓存第一页面的历史状态信息之外，还可在第一页面的保持属性为持久保持的情况下，将第一页面的标识写入页面缓存队列。例如，在vue.js架构下，可将第一页面的标识写入数据库(store)中的页面缓存队列中。store为vue全局的状态管理容器，可以统一的管理以及分发各种信息。页面缓存队列是指用于缓存保持属性为持久保持的页面标识的队列。
[0044]
对于vue.js框架，可利用路由管理器的钩子(hook)事件中，对离开的页面和进入的页面进行判断，确定是否需要将离开的页面的标识添加到需要保存历史状态信息的页面缓存队列中或从页面缓存队列中移除该页面的标识；对于需要添加到页面缓存队列中的页面的标识，还可利用钩子函数将该页面的标识写入页面缓存队列。其中，该逻辑的核心代码如下：
[0045][0046]
对于页面缓存队列中的页面的标识，可利用keep-alive组件从数据库(如store)中获取页面缓存队列，并将页面缓存队列包含的页面的标识对应的页面路由写入对应的状态信息保存函数，这样可通过执行该状态信息保存函数，自动保存保持属性为持久保持的页面的状态信息。其中，该操作的逻辑代码如下：
[0047]
《keep-alive:include＝"cachedpagecomponentname"》
[0048]
《router-view》《/router-view》
[0049]
《/keep-alive》
[0050]
//
……
[0051]
cachedpagecomponentname:this.$store.state.cachedpagecomponents
[0052]
在缓存第一页面的历史状态信息之后，在步骤104中，可响应于针对第一页面向第二页面的切换操作，从第一页面跳转至第二页面。可选地，可响应于针对第一页面向第二页面的切换操作，获取第二页面的初始化状态信息；进一步，可根据第二页面的初始化状态信息，加载第二页面，以显示第二页面的初始化状态效果，实现第一页面向第二页面的切换。
[0053]
其中，页面的初始化状态信息是指该页面的最初状态信息，为应用默认的页面状
态信息，该状态信息是在没有任何页面操作产生的情况下的状态信息。在本技术实施例中，不限定页面的初始化状态信息的存储形式。可选地，页面的初始化状态信息可以文档对象模型的数据结构形式存储，也可以其它数据结构形式存储。在本实施例中，页面的初始化状态信息可预先存储于执行页面加载方法的电子设备中。可选地，可将第二页面的标识在预先存储的页面标识与初始化状态信息之间的对应关系中进行匹配，以得到第二页面的初始化状态信息。
[0054]
当然，对于第一页面的保持属性为非持久保持的情况，不执行上述步骤103中的缓存第一页面的历史状态信息的操作，也不执行上述将第一页面的标识写入页面缓存队列中的操作。在这种情况下，也可响应于针对第一页面向第二页面的切换操作，从第一页面跳转至第二页面。
[0055]
本实施例提供的页面加载方法主要描述从第一页面切换至第二页面的页面加载过程，在该过程中，增设包含页面的保持属性的页面的配置属性信息，根据页面的配置属性信息，可获取当前显示页面的保持属性是否为持久保持，对于保持属性为持久保持的第一页面，缓存第一页面的历史状态信息，对于保持属性为非持久保持的第一页面，并不缓存其历史状态信息，实现了页面状态信息的有选择性保存，这样，在后续从第二页面返回第一页面时，只有持久保持的第一页面才会加载其历史状态信息，实现了页面状态信息有选择性的加载，有助于提高页面加载的灵活性。
[0056]
上述页面加载过程主要描述了从第一页面切换至第二页面的页面加载过程，下面对从第二页面返回第一页面的页面加载过程进行示例性说明。
[0057]
图2为本技术实施例提供的另一页面加载方法的流程示意图。如图2所示，该方法包括：
[0058]
201、获取第一页面的配置属性信息；其中，第一页面为当前显示的第二页面的前一页面。
[0059]
202、根据配置属性信息，获取第一页面的保持属性。
[0060]
203、在第一页面的保持属性为持久保持的情况下，响应于从第二页面向第一页面的返回操作，从配置属性信息中，获取第一页面的目标缓存页面。
[0061]
204、在目标缓存页面为所述第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息。
[0062]
205、根据第一页面的历史状态信息，加载第一页面。
[0063]
在本实施例中，第二页面为当前显示页面，第一页面为第二页面的前一页面。在本实施例中，在从第二页面返回第一页面时，在步骤201中，可获取第一页面的配置属性信息。关于步骤201中获取第一页面的配置属性信息及步骤202的描述，可参见上述步骤101和102的相关内容，在此不再赘述。
[0064]
进一步，在第一页面的保持属性为持久保持的情况下，在步骤203中，可响应于从第二页面向第一页面的返回操作，从第一页面的配置属性信息中，获取第一页面的目标缓存页面。关于第一页面的目标缓存页面的存储形式可参见上述实施例的相关内容，在此不再赘述。可选地，可从第一页面的配置属性信息中获取目标缓存页面属性对应的属性值。例如，基于上述示出的配置属性信息对应的代码，目标缓存页面属性为“alivetoname”，对应的属性值为页面b(page b)。
[0065]
进一步，若第一页面的目标缓存页面为第二页面，在步骤204中，可根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息；并在步骤205中，根据第一页面的历史状态信息，加载第一页面，以展示第一页面切换至第二页面前的状态效果。
[0066]
相应地，若第一页面的目标缓存页面不是第二页面，可获取第一页面的初始化状态信息。在本技术实施例中，不限定页面的初始化状态信息的存储形式。可选地，页面的初始化状态信息可以文档对象模型的数据结构形式存储，也可以其它数据结构形式存储。在本实施例中，页面的初始化状态信息可预先存储于执行页面加载方法的电子设备中。可选地，可将第一页面的标识在预先存储的页面标识与初始化状态信息之间的对应关系中进行匹配，以得到第一页面的初始化状态信息。
[0067]
进一步，可根据第一页面的初始化状态信息，加载第一页面，以展示第一页面的初始化状态效果。
[0068]
当然，若在步骤202中获取的第一页面的保持属性为非持久保持，说明未缓存有第一页面的历史状态信息，则可获取第一页面的初始化状态信息，并可根据第一页面的初始化状态信息，加载第一页面，以展示第一页面的初始化状态效果。
[0069]
当然，在一些实施例中，还可能存在第一页面的保持属性为持久保持，但是第二页面不是第一页面的目标缓存页面的情况。在该情况中，由于在第一页面切换至第二页面时，已缓存有第一页面的历史状态信息，且已将第一页面的标识写入页面缓存队列，因此，在从第二页面返回第一页面时，可从页面缓存队列中删除第一页面的标识，并从缓存的历史状态信息中删除第一页面的历史状态信息。进一步，可获取第一页面的初始化状态信息，并可根据第一页面的初始化状态信息，加载第一页面，以展示第一页面的初始化状态效果。
[0070]
本实施例提供的页面加载方法是基于上述图1及其可选实施例中描述的从第一页面切换至第二页面时的页面加载过程，再从第二页面返回第一页面的页面加载过程，在该过程中，可根据第一页面的配置属性信息，获取第一页面的保持属性及第一页面的目标缓存页面，在第一页面的保持属性为持久保持且第一页面的目标缓存页面为第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息，并根据第一页面的历史状态信息，加载第一页面，实现对第一页面的历史状态信息的有选择性的保存和加载，有助于提高第一页面加载的灵活性。
[0071]
为了更清楚地说明本技术实施例提供的页面加载方法，下面结合从页面a切换至页面b；再从页面b返回页面a的实施例，对本技术实施例提供的页面加载方法进行示例性说明。如图3所示，本技术实施例提供的页面加载方法主要包括：
[0072]
s1、针对当前显示的页面a，获取页面a的配置属性信息。
[0073]
s2、判断配置属性信息中是否具有持久保持标识。若判断结果为是，执行步骤s3和步骤s4；若判断结果为否，执行步骤s5。
[0074]
s3、将页面a的标识写入页面缓存队列。
[0075]
s4、以文档对象模型的数据结构缓存页面a的当前状态信息，作为页面a的历史状态信息。
[0076]
s5、响应于针对页面a向页面b的切换操作，从页面a跳转至页面b。
[0077]
s6、在显示页面b的情况下，获取页面a的配置属性信息。
[0078]
s7、判断配置属性信息中是否具有持久保持标识。若判断结果为是，执行步骤s8；
若判断结果为否，执行步骤s12。
[0079]
s8、从配置属性信息中，获取页面a的目标缓存页面。
[0080]
s9、判断页面b是否为页面a的目标缓存页面。若判断结果为是，执行步骤s12；若判断结果为否，执行步骤s10。
[0081]
s10、从页面缓存队列中删除页面a的标识。
[0082]
s11、删除缓存的页面a的历史状态信息；并接着执行步骤s12。
[0083]
s12、响应于从页面b向页面a的返回操作，判断页面缓存队列中是否存在页面a的标识。若判断结果为是，执行步骤s13；若判断结果为否，执行步骤s15。
[0084]
s13、根据页面a的标识，从缓存的历史状态信息中获取页面a的历史状态信息。
[0085]
s14、根据页面a的历史状态信息，加载页面a。
[0086]
s15、获取页面a的初始化状态信息。
[0087]
s16、根据页面a的初始化状态信息，加载页面a。
[0088]
需要说明的是，上述实施例所提供方法的各步骤的执行主体均可以是同一设备，或者，该方法也由不同设备作为执行主体。比如，步骤101和102的执行主体可以为设备a；又比如，步骤101的执行主体可以为设备a，步骤102的执行主体可以为设备b；等等。
[0089]
另外，在上述实施例及附图中的描述的一些流程中，包含了按照特定顺序出现的多个操作，但是应该清楚了解，这些操作可以不按照其在本文中出现的顺序来执行或并行执行，操作的序号如101、102等，仅仅是用于区分开各个不同的操作，序号本身不代表任何的执行顺序。另外，这些流程可以包括更多或更少的操作，并且这些操作可以按顺序执行或并行执行。
[0090]
相应地，本技术实施例还提供一种存储有计算机指令的计算机可读存储介质，当计算机指令被一个或多个处理器执行时，致使一个或多个处理器执行上述页面加载方法中的步骤。
[0091]
图4为本技术实施例提供的页面加载装置的结构示意图。如图4所示，页面加载装置包括：获取模块40a和加载模块40b。其中，获取模块40a用于获取第一页面的配置属性信息，其中第一页面为当前显示的第二页面的前一页面；根据配置属性信息，获取第一页面的保持属性；在第一页面的保持属性为持久保持的情况下，响应于从第二页面向第一页面的返回操作，从配置属性信息中，获取第一页面的目标缓存页面；以及，在目标缓存页面为第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息。
[0092]
加载模块40b，用于根据第二页面的历史状态信息，加载第二页面。
[0093]
在一些实施例中，获取模块40a，还用于在第一页面的保持属性为非持久保持或者目标缓存页面不是第一页面的情况下，获取第一页面的初始化状态信息。
[0094]
相应地，加载模块40b，用于根据第一页面的初始化状态信息，加载第一页面。
[0095]
在一些实施例中，页面加载装置还包括：删除模块40c。删除模块40c，用于在第一页面的保持属性为持久保持、目标缓存页面不是第二页面的情况下，从页面缓存队列中删除第一页面的标识，并从缓存的历史状态信息中删除第一页面的历史状态信息。
[0096]
可选地，获取模块40a在获取第一页面的配置属性信息时，具体用于：将第一页面的标识在路由管理器中进行匹配，以获取第一页面的标识对应的配置属性信息，作为第一
页面的配置属性信息。
[0097]
可选地，获取模块40a在获取第一页面的保持属性时，具体用于：判断配置属性信息中是否具有持久保持标识；若判断结果为是，确定第一页面的保持属性为持久保持。
[0098]
在本技术实施例中，获取模块40a在获取第一页面的配置属性信息之前，还用于：针对当前显示的第一页面，获取第一页面的配置属性信息；根据配置属性信息，获取第一页面的保持属性。
[0099]
可选地，页面加载装置还包括：缓存模块40d和跳转模块40e。相应地，缓存模块40d用于在第一页面的保持属性为持久保持的情况下，缓存第一页面的当前状态信息，作为第一页面的历史状态信息。跳转模块40e，用于响应于针对第一页面向第二页面的切换操作，从第一页面跳转至第二页面。
[0100]
可选地，缓存模块40d在缓存第一页面的当前状态信息时，具体用于：以文档对象模型的数据结构缓存第一页面的当前状态信息。
[0101]
在一些实施例中，页面加载装置还包括：写入模块40f。其中，写入模块40f，用于在第一页面的保持属性为持久保持的情况下，将第一页面的标识写入页面缓存队列。
[0102]
本实施例提供的页面加载装置，针对单页面应用，增加新的配置属性信息。针对从第二页面返回第一页面的场景，根据第一页面的配置属性信息，可获取第一页面的保持属性及第一页面的目标缓存页面，在第一页面的保持属性为持久保持且第一页面的目标缓存页面为第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息，并根据第一页面的历史状态信息，加载第一页面，实现对第一页面的历史状态信息的有选择性的保存和加载，有助于提高第一页面加载的灵活性。
[0103]
图5为本技术实施例提供的电子设备的结构示意图。如图5所示，该电子设备包括：存储器50a、处理器50b和显示组件50c；其中，存储器50a，用于存储计算机程序。其中，存储器50a还存储有第一页面的配置属性信息及页面的历史状态信息。
[0104]
处理器耦合至存储器及显示组件，用于执行计算机程序以用于：获取第一页面的配置属性信息；其中，第一页面为当前显示的第二页面的前一页面；根据配置属性信息，获取第一页面的保持属性；在第一页面的保持属性为持久保持的情况下，响应于从第二页面向第一页面的返回操作，从配置属性信息中，获取第一页面的目标缓存页面；在目标缓存页面为第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息；以及，根据第一页面的历史状态信息，通过显示组件50c加载第一页面。
[0105]
在一些实施例中，处理器50b还用于：在第一页面的保持属性为非持久保持或者目标缓存页面不是第一页面的情况下，获取第一页面的初始化状态信息；根据第一页面的初始化状态信息，通过显示组件50c加载第一页面。
[0106]
可选地，存储器50a还存储有页面缓存队列。处理器50b还用于：在第一页面的保持属性为持久保持、目标缓存页面不是第二页面的情况下，从页面缓存队列中删除第一页面的标识，并从缓存的历史状态信息中删除第一页面的历史状态信息。
[0107]
可选地，处理器50b在获取第一页面的配置属性信息时，具体用于：将第一页面的标识在路由管理器中进行匹配，以获取第一页面的标识对应的配置属性信息，作为第一页面的配置属性信息。
[0108]
可选地，处理器50b在获取第一页面的保持属性时，具体用于：判断配置属性信息
中是否具有持久保持标识；若判断结果为是，确定第一页面的保持属性为持久保持。
[0109]
在本技术实施例中，处理器50b还用于：获取第一页面的配置属性信息之前，针对当前显示的第一页面，获取第一页面的配置属性信息；根据配置属性信息，获取第一页面的保持属性；在第一页面的保持属性为持久保持的情况下，缓存第一页面的当前状态信息至存储器50a，作为第一页面的历史状态信息；以及，响应于针对第一页面向第二页面的切换操作，从第一页面跳转至第二页面。
[0110]
处理器50b在缓存第一页面的当前状态信息时，具体用于：以文档对象模型的数据结构缓存第一页面的当前状态信息。
[0111]
可选地，处理器50b还用于：在第一页面的保持属性为持久保持的情况下，将第一页面的标识写入页面缓存队列。
[0112]
在一些可选实施方式中，如图5所示，该电子设备还可以包括：通信组件50d、电源组件50e、音频组件50f等可选组件。图5中仅示意性给出部分组件，并不意味着电子设备必须包含图5所示全部组件，也不意味着电子设备只能包括图5所示组件。
[0113]
在本技术实施例中，不限定电子设备的具体实现形态。可选地，电子设备可实现为手机、电脑、穿戴设备等终端设备，也可实现为音箱、冰箱、机器人等物联网(internet of things，iot)设备，但不限于此。
[0114]
本实施例提供的计算机设备，针对单页面应用，增加新的配置属性信息。针对从第二页面返回第一页面的场景，根据第一页面的配置属性信息，可获取第一页面的保持属性及第一页面的目标缓存页面，在第一页面的保持属性为持久保持且第一页面的目标缓存页面为第二页面的情况下，根据第一页面的标识，从缓存的历史状态信息中获取第一页面的历史状态信息，并根据第一页面的历史状态信息，加载第一页面，实现对第一页面的历史状态信息的有选择性的保存和加载，有助于提高第一页面加载的灵活性。
[0115]
在本技术实施例中，存储器用于存储计算机程序，并可被配置为存储其它各种数据以支持在其所在设备上的操作。其中，处理器可执行存储器中存储的计算机程序，以实现相应控制逻辑。存储器可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。
[0116]
在本技术实施例中，处理器可以为任意可执行上述方法逻辑的硬件处理设备。可选地，处理器可以为中央处理器(central processing unit，cpu)、图形处理器(graphics processing unit，gpu)或微控制单元(microcontroller unit，mcu)；也可以为现场可编程门阵列(field-programmable gate array，fpga)、可编程阵列逻辑器件(programmable array logic，pal)、通用阵列逻辑器件(general array logic，gal)、复杂可编程逻辑器件(complex programmable logic device，cpld)等可编程器件；或者为先进精简指令集(risc)处理器(advanced risc machines，arm)或系统芯片(system on chip，soc)等等，但不限于此。
[0117]
在本技术实施例中，通信组件被配置为便于其所在设备和其他设备之间有线或无线方式的通信。通信组件所在设备可以接入基于通信标准的无线网络，如wifi，2g或3g，4g，5g或它们的组合。在一个示例性实施例中，通信组件经由广播信道接收来自外部广播管理
系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件还可基于近场通信(nfc)技术、射频识别(rfid)技术、红外数据协会(irda)技术、超宽带(uwb)技术、蓝牙(bt)技术或其他技术来实现。
[0118]
在本技术实施例中，显示组件可以包括液晶显示器(lcd)和触摸面板(tp)。如果显示组件包括触摸面板，显示组件可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。
[0119]
在本技术实施例中，电源组件被配置为其所在设备的各种组件提供电力。电源组件可以包括电源管理系统，一个或多个电源，及其他与为电源组件所在设备生成、管理和分配电力相关联的组件。
[0120]
在本技术实施例中，音频组件可被配置为输出和/或输入音频信号。例如，音频组件包括一个麦克风(mic)，当音频组件所在设备处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器或经由通信组件发送。在一些实施例中，音频组件还包括一个扬声器，用于输出音频信号。例如，对于具有语言交互功能的设备，可通过音频组件实现与用户的语音交互等。
[0121]
需要说明的是，本文中的“第一”、“第二”等描述，是用于区分不同的消息、设备、模块等，不代表先后顺序，也不限定“第一”和“第二”是不同的类型。
[0122]
本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
[0123]
本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
[0124]
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
[0125]
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
[0126]
在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。
[0127]
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。内存是计算机可读介质的示例。
[0128]
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
[0129]
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
[0130]
以上所述仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。