页面跳转方法、装置、电子设备和存储介质与流程

本公开涉及前端，尤其涉及一种页面跳转方法、装置、电子设备和存储介质。

背景技术：

1、用户在操作应用程序的过程中经常会从应用程序的一个页面跳转到另一个页面。已有技术在实现从当前页面跳转至下一页面时，若跳转至的下一页面所占用的屏幕区域小于当前页面所占用的屏幕区域，例如当前页面为全屏页面，下一页面为半屏页面，则在显示下一页面时，当前页面相对于下一页面多占用的屏幕区域通过黑屏的方式显示。通过黑屏的方式显示部分屏幕区域，具有降低用户的页面浏览效率和页面浏览体验的缺陷。

技术实现思路

1、本公开实施例提供了一种页面跳转方法、装置、电子设备和存储介质，能够在第一页面跳转到第二页面时，若第二页面所占用的屏幕区域小于第一页面所占用的屏幕区域，则通过显示第一页面的截图的方式显示第一页面相对于第二页面多占用的屏幕区域，避免用户浏览到黑屏，提高用户的页面浏览效率和页面浏览体验。

2、第一方面，本公开实施例提供了一种页面跳转方法，包括：

3、响应于针对第一页面的第一操作，获取第二页面的页面数据，以及对所述第一页面进行截图；所述第二页面的页面数据包括所述第二页面的视图元素；所述第二页面的视图元素占用的屏幕区域小于所述第一页面的视图元素占用的屏幕区域；

4、在所述第一页面的上层加载所述第二页面的视图元素；

5、将所述第一页面的截图插入所述第二页面的视图元素的下层，插入后的所述第一页面的截图用户可见。

6、第二方面，本公开实施例提供了一种页面跳转装置，包括：

7、获取单元，用于响应于针对第一页面的第一操作，获取第二页面的页面数据，以及对所述第一页面进行截图；所述第二页面的页面数据包括所述第二页面的视图元素；所述第二页面的视图元素占用的屏幕区域小于所述第一页面的视图元素占用的屏幕区域；

8、加载单元，用于在所述第一页面的上层加载所述第二页面的视图元素；

9、插入单元，用于将所述第一页面的截图插入所述第二页面的视图元素的下层，插入后的所述第一页面的截图用户可见。

10、第三方面，本公开实施例提供了一种电子设备，包括：处理器；以及，被配置为存储计算机可执行指令的存储器，所述计算机可执行指令在被执行时使所述处理器实现上述第一方面所述的方法的步骤。

11、第四方面，本公开实施例提供了一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机可执行指令，所述计算机可执行指令在被处理器执行时实现上述第一方面所述的方法的步骤。

12、在本公开一个或多个实施例中，响应于针对第一页面的第一操作，获取第二页面的页面数据，以及对第一页面进行截图，第二页面的页面数据包括第二页面的视图元素，第二页面的视图元素占用的屏幕区域小于第一页面的视图元素占用的屏幕区域，在第一页面的上层加载第二页面的视图元素，将第一页面的截图插入第二页面的视图元素的下层，插入后的第一页面的截图用户可见。可见，通过本实施例，能够在第一页面跳转到第二页面时，若第二页面所占用的屏幕区域小于第一页面所占用的屏幕区域，则通过显示第一页面的截图的方式显示第一页面相对于第二页面多占用的屏幕区域，避免用户浏览到黑屏，提高用户的页面浏览效率和页面浏览体验。

技术特征：

1.一种页面跳转方法，包括：

2.根据权利要求1所述的方法，其中，所述方法还包括：

3.根据权利要求1所述的方法，其中，所述在所述第一页面的上层加载所述第二页面的视图元素，包括：

4.根据权利要求1所述的方法，其中，所述第二页面的页面数据还包括所述第二页面的页面容器；所述第二页面的视图元素位于所述第二页面的页面容器中；所述在所述第一页面的上层加载所述第二页面的视图元素，包括：

5.根据权利要求4所述的方法，其中，所述将所述第一页面的截图插入所述第二页面的视图元素的下层，包括：

6.根据权利要求2所述的方法，其中，所述取消显示所述第二页面的视图元素，包括：

7.根据权利要求2所述的方法，其中，所述第二页面的页面数据还包括所述第二页面的页面容器；所述第二页面的视图元素位于所述第二页面的页面容器中；所述第一页面的截图插入至所述第二页面的页面容器的最底层；所述隐藏所述第一页面的截图，包括：

8.根据权利要求7所述的方法，其中，所述取消显示所述第二页面的视图元素，包括：

9.根据权利要求7所述的方法，其中，所述方法还包括：

10.根据权利要求1所述的方法，其中，所述第一页面为全屏页面；所述第二页面为半屏页面或者弹窗。

11.一种页面跳转装置，包括：

12.一种电子设备，包括：

13.一种计算机可读存储介质，所述计算机可读存储介质用于存储计算机可执行指令，所述计算机可执行指令在被处理器执行时实现上述权利要求1-10任一项所述的方法的步骤。

技术总结
本公开实施例提供了一种页面跳转方法、装置、电子设备和存储介质，其中方法包括：响应于针对第一页面的第一操作，获取第二页面的页面数据，以及对第一页面进行截图；第二页面的页面数据包括第二页面的视图元素；第二页面的视图元素占用的屏幕区域小于第一页面的视图元素占用的屏幕区域；在第一页面的上层加载第二页面的视图元素；将第一页面的截图插入第二页面的视图元素的下层，插入后的第一页面的截图用户可见。通过本实施例，能够在第一页面跳转到第二页面时，避免用户浏览到黑屏，提高用户的页面浏览效率和页面浏览体验。

技术研发人员：王晓红
受保护的技术使用者：北京字跳网络技术有限公司
技术研发日：
技术公布日：2024/3/24