一种页面切换的方法、装置及存储介质与流程

本申请涉及页面切换，尤其涉及一种页面切换的方法、装置及存储介质。

背景技术：

1、在当前的应用开发领域，应用依托浏览器固有的页面跳转机制，在常规网络环境及资源规模适中的情况下，能够实现基本的页面切换功能，满足用户日常浏览、操作的基础需求。但随着互联网应用的不断丰富和复杂，用户对应用的交互性与即时性要求日益提升。当页面应用面临跳转至初始静态资源庞大的平台，或者网络连接状况欠佳、信号不稳定的情况下，页面加载进程极易受阻，极有可能出现短暂的白屏现象。

2、这种白屏问题一旦出现，用户原本连贯的操作流程被打断，无论是浏览信息、执行任务还是进行交互，都无法顺利进行，严重影响用户的体验感。

技术实现思路

1、为了解决上述技术问题，本申请提供了一种页面切换的方法、装置及存储介质。

2、下面对本申请中提供的技术方案进行描述：

3、本申请第一方面提供了一种页面切换的方法，所述方法包括：

4、获取用户从源页面跳转至目标页面的跳转指令；

5、响应所述跳转指令，在所述源页面中创建预加载容器，并通过所述预加载容器预加载所述目标页面的静态资源，将所述静态资源缓存至本地缓存中；

6、跳转至所述目标页面，并从所述本地缓存中加载所述目标页面的静态资源。

7、可选的，在所述跳转至所述目标页面之后，所述方法还包括：

8、在所述目标页面上展示过渡内容；

9、在从所述本地缓存中加载所述目标页面的静态资源之后，所述方法还包括：

10、移除所述过渡内容并展示所述目标页面的实际内容。

11、可选的，所述过渡内容为跳转动画、加载进度条或所述源页面的截图。

12、可选的，当所述过渡内容为所述源页面的截图时，在所述跳转至所述目标页面之前，所述方法还包括：

13、对所述源页面进行截图，得到所述源页面的截图；

14、将所述源页面的截图存储在所述本地缓存中。

15、可选的，所述响应所述跳转指令，在所述源页面中创建预加载容器包括：

16、判断所述目标页面的静态资源的数据量是否大于预设阈值；

17、若是，则响应所述跳转指令，在所述源页面中创建预加载容器。

18、可选的，所述跳转至所述目标页面之前，所述方法还包括：

19、确定所述预加载容器加载完成所述静态资源。

20、可选的，所述预加载容器为iframe。

21、本申请第二方面提供了一种页面切换的系统，所述系统包括：

22、获取单元，用于获取用户从源页面跳转至目标页面的跳转指令；

23、响应单元，用于响应所述跳转指令，在所述源页面中创建预加载容器，并通过所述预加载容器预加载所述目标页面的静态资源，将所述静态资源缓存至本地缓存中；

24、跳转单元，用于跳转至所述目标页面，并优先从本地缓存中加载所述目标页面的静态资源。

25、本申请第三方面提供了一种页面切换装置，所述装置包括：

26、处理器、存储器、输入输出单元以及总线；

27、所述处理器与所述存储器、所述输入输出单元以及所述总线相连；

28、所述存储器保存有程序，所述处理器调用所述程序以执行第一方面以及第一方面中任一项可选的页面切换的方法。

29、本申请第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质上保存有程序，所述程序在计算机上执行时执行第一方面以及第一方面中任一项可选的页面切换的方法。

30、从以上技术方案可以看出，本申请具有以下优点：

31、在源页面创建预加载容器，利用预加载容器预先加载目标页面的静态资源，当用户的指令为从源页面跳转到目标页面时，由于静态资源已提前加载，目标页面能迅速加载，大大减少了因资源庞大或网络不佳导致的加载受阻情况，从而减少了白屏现象的出现。预先加载静态资源采用的是后台加载模式，在加载目标页面静态资源时，不会影响用户当前在源页面的操作，用户依旧可以流畅地浏览源页面内容、执行各种任务，同时，预先加载的方式减少了目标页面加载的时间，提高了页面加载的效率。

1.一种页面切换的方法，其特征在于，所述方法包括：

2.根据权利要求1所述的页面切换的方法，其特征在于，在所述跳转至所述目标页面之后，所述方法还包括：

3.根据权利要求2所述的页面切换的方法，其特征在于，所述过渡内容为跳转动画、加载进度条或所述源页面的截图。

4.根据权利要求3所述的页面切换的方法，其特征在于，当所述过渡内容为所述源页面的截图时，在所述跳转至所述目标页面之前，所述方法还包括：

5.根据权利要求1所述的页面切换的方法，其特征在于，所述响应所述跳转指令，在所述源页面中创建预加载容器包括：

6.根据权利要求1所述的页面切换的方法，其特征在于，所述跳转至所述目标页面之前，所述方法还包括：

7.根据权利要求1至6中任一项所述的页面切换的方法，其特征在于，所述预加载容器为iframe。

8.一种页面切换的系统，其特征在于，所述系统包括：

9.一种页面切换装置，其特征在于，所述装置包括：

10.一种计算机可读存储介质，所述计算机可读存储介质上保存有程序，所述程序在计算机上执行时执行如权利要求1至7中任一项所述方法。