一种界面显示方法、介质、装置和计算设备与流程

本公开的实施方式涉及计算机应用，更具体地，本公开的实施方式涉及一种界面显示方法、介质、装置和计算设备。

背景技术：

1、html5(简称h5)是一种构建web内容的语言描述方式，利用h5开发的页面(简称h5页面)能够满足一些应用场景中页面的快速迭代需求。由于h5页面的相关资源存储在服务器中，所以在终端设备上加载h5页面时要从服务器中下载页面资源并进行渲染。也就是说，h5页面的加载过程需要一定的时间，而在加载过程中界面通常会显示默认的白色背景，当页面加载时间较长时，目前界面的显示效果影响用户体验。

2、本部分旨在为权利要求书中陈述的本公开的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

技术实现思路

1、在本上下文中，本公开的实施方式期望提供一种界面显示方法、介质、装置和计算设备，以便优化界面显示效果。

2、在本公开实施方式的第一方面中，提供了一种界面显示方法，包括：响应于检测到应用程序开始加载页面，获取与所述页面的地址预先进行关联的目标颜色；在获取到所述目标颜色的情况下，将所述目标颜色显示为所述界面的背景色，直到所述页面加载完成并显示页面内容。

3、在本公开的一个实施例中，所述页面通过webview容器加载；所述将所述目标颜色显示为所述界面的背景色，包括：在所述webview容器开始加载页面时，使webview容器的背景色显示为所述目标颜色。

4、在本公开的一个实施例中，在显示页面内容之后，所述方法还包括：获取所述页面内容中出现次数最多的像素值；将所述像素值指示的颜色确定为目标颜色；建立或更新所述地址与所述目标颜色的映射关系。

5、在本公开的一个实施例中，所述方法还包括：存储建立或更新后的映射关系。

6、在本公开的一个实施例中，所述方法还包括：在建立所述映射关系时开始计时，或在更新所述映射关系时更新计时结果；响应于计时结果达到预设时长，删除所述映射关系。

7、在本公开的一个实施例中，所述方法还包括：在未获取到目标颜色的情况下，根据所述地址确定所述页面的目标类型；获取与所述目标类型对应的显示画面和/或显示颜色；在所述界面上显示所述显示画面和/或显示颜色，直到所述页面加载完成并显示页面内容。

8、在本公开的一个实施例中，所述页面包括h5页面。

9、在本公开实施方式的第二方面中，提供了一种界面显示装置，包括：

10、获取单元，用于在检测到应用程序开始加载页面的情况下，获取与所述页面的地址预先进行关联的目标颜色；

11、显示单元，用于在获取到所述目标颜色的情况下，将所述目标颜色显示为所述界面的背景色，直到所述页面加载完成并显示页面内容。

12、在本公开的一个实施例中，所述页面通过webview容器加载；所述显示单元具体用于：在所述webview容器开始加载页面时，使webview容器的背景色显示为所述目标颜色。

13、在本公开的一个实施例中，所述装置还包括关系单元，用于在显示页面内容之后，获取所述页面内容中出现次数最多的像素值；将所述像素值指示的颜色确定为目标颜色；建立或更新所述地址与所述目标颜色的映射关系。

14、在本公开的一个实施例中，所述关系单元，还用于在建立所述映射关系时开始计时，或在更新所述映射关系时更新计时结果；响应于计时结果达到预设时长，删除所述映射关系。

15、在本公开的一个实施例中，所述显示单元，还用于在未获取到目标颜色的情况下，根据所述地址确定所述页面的目标类型；获取与所述目标类型对应的显示画面和/或显示颜色；在所述界面上显示所述显示画面和/或显示颜色，直到所述页面加载完成并显示页面内容。

16、在本公开实施方式的第三方面中，提供了一种计算机可读存储介质，其上储存有计算机程序指令，所述计算机程序指令被处理器执行时实现任一实施例所述的方法。

17、在本公开实施方式的第四方面中，提供了一种计算设备，包括：存储器、处理器；

18、所述存储器用于存储可在处理器上运行的计算机指令，所述处理器用于在执行所述计算机指令时实现上述任一实施例中所述的方法。

19、根据本公开实施方式的界面显示方法，在检测到应用程序开始加载页面的情况下，获取与所述页面的地址预先进行关联的目标颜色，在获取到所述目标颜色的情况下，则将所述目标颜色显示为界面的背景色，直到所述页面加载完成并显示页面内容，利用本公开在页面加载过程中，显示与页面实际内容相关联的目标颜色，从而优化界面显示效果，提高用户体验。

技术特征：

1.一种界面显示方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述页面通过webview容器加载；

3.根据权利要求1所述的方法，其特征在于，在显示页面内容之后，所述方法还包括：

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：

5.根据权利要求3所述的方法，其特征在于，所述方法还包括：

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

7.根据权利要求1至6中任一项所述的方法，其特征在于，所述页面包括h5页面。

8.一种界面显示装置，其特征在于，包括：

9.一种计算机可读存储介质，其上储存有计算机程序指令，其特征在于，所述计算机程序指令被处理器执行时实现权利要求1至7任一项所述的方法。

10.一种计算设备，其特征在于，包括：存储器、处理器；

技术总结
本公开的实施方式提供了一种界面显示方法、介质、装置和计算设备。该方法包括：在检测到应用程序开始加载页面的情况下，获取与所述页面的地址预先进行关联的目标颜色，在获取到所述目标颜色的情况下，则将所述目标颜色显示为界面的背景色，直到所述页面加载完成并显示页面内容，利用本公开在页面加载过程中，显示与页面实际内容相关联的目标颜色，从而优化界面显示效果，提高用户体验。

技术研发人员：纪策
受保护的技术使用者：杭州网易再顾科技有限公司
技术研发日：
技术公布日：2024/2/1