[发明专利]骨架屏处理方法、装置、设备及存储介质

说明书

本公开关于一种骨架屏处理方法、装置、设备及存储介质，涉及计算机技术领域。该方法包括：若监听到目标应用程序中的第一前端路由切换为第二前端路由，则从目标应用程序内的映射表中确定与第二前端路由对应的目标骨架屏界面，映射表中存储有目标应用程序的不同前端路由与骨架屏界面之间的对应关系；显示目标骨架屏界面；若第二前端路由对应的页面数据已加载完成，则隐藏目标骨架屏界面，展示第二前端路由对应的页面数据。本公开只需根据实际情况查找目标应用程序的前端路由与骨架屏界面之间的对应关系，以确定目标骨架屏界面即可，应用难度和成本较低。

技术领域

本公开涉及计算机技术领域，尤其涉及一种骨架屏处理方法、装置、设备及存储介质。

背景技术

用户访问网页时，受网络环境的影响，可能较长时间无法获得网页的页面数据，导致浏览器只能展示空白网页或者展示部分网页内容。为了解决上述问题，在获取网页的页面数据之前，常见的做法是在网页中展示页面的骨架屏，该骨架屏可以表示页面的大致轮廓。

在路由切换过程中，骨架屏也会随着路由的变换而有所不同，对于前端路由来说，很难保证每个前端路由对应的页面都设置有自己的骨架屏，而针对每个前端路由对应的页面均进行骨架屏开发，需要针对每个前端路由对应的页面配置相应的监听组件、控制组件等难度和成本较高，因此，如何在路由切换的过程中降低骨架屏的开发难度和成本成为了一个亟需解决的问题。

发明内容

本公开提供一种骨架屏处理方法、装置及系统，以至少解决相关技术中骨架屏开发难度和成本高的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种骨架屏处理方法，包括：

若监听到目标应用程序中的第一前端路由切换为第二前端路由，则从所述目标应用程序内的映射表中确定与所述第二前端路由对应的目标骨架屏界面，所述映射表中存储有所述目标应用程序的不同前端路由与骨架屏界面之间的对应关系；

显示所述目标骨架屏界面；

若所述第二前端路由对应的页面数据已加载完成，则隐藏所述目标骨架屏界面，展示所述第二前端路由对应的页面数据。

在一些实施例中，所述目标应用程序中注册有监听函数，所述监听函数与所述目标应用程序所采用的前端路由的工作模式相对应；

所述监听到目标应用程序中的第一前端路由切换为第二前端路由，包括：

通过所述监听函数监听到所述目标应用程序中的第一前端路由切换为第二前端路由。

在一些实施例中，所述目标应用程序中注册有预设全局函数；

所述显示所述目标骨架屏界面，包括：

通过所述预设全局函数隐藏所述第一前端路由对应的页面数据，显示所述目标骨架屏界面。

在一些实施例中，所述若所述第二前端路由对应的页面数据已加载完成，则隐藏所述目标骨架屏界面，展示所述第二前端路由对应的页面数据，包括：

若所述第二前端路由对应的页面数据已加载完成，则通过所述预设全局函数隐藏所述目标骨架屏界面，展示所述第二前端路由对应的页面数据。

在一些实施例中，所述从所述目标应用程序内的映射表中确定与所述第二前端路由对应的目标骨架屏界面之前，所述方法还包括：

响应于开发人员对所述目标应用程序的不同前端路由的骨架屏界面配置操作，生成所述映射表，并将所述映射表插入与所述目标应用程序对应的页面描述文档中。

根据本公开实施例的第二方面，提供一种骨架屏处理装置，包括：