[发明专利]一种页面样式切换方法、装置、计算机设备及存储介质

说明书

本公开提供了一种页面样式切换方法、装置、计算机设备及存储介质，其中，页面样式切换方法包括：响应由第一背景模式切换至第二背景模式的操作，获取在第一背景模式下目标页面中页面元素对应的第一页面样式信息，进而，基于第一背景模式下页面元素对应的第一页面样式信息，确定在第二背景模式下页面元素对应的第二页面样式信息，按照页面元素对应的第二页面样式信息，重新加载目标页面的页面元素。通过生成模式切换后的页面元素的页面样式信息，可以在满足页面元素的页面样式与暗黑模式的适配效果的同时，提升适配效率。

技术领域

本公开涉及终端显示技术领域，具体而言，涉及一种页面样式切换方法、装置、计算机设备及存储介质。

背景技术

暗黑模式可以改善视力和强光下的人的可视性，以及在弱光环境中更好地使用设备的效果，因而，目前不同操作系统的移动终端都相继尝试推出暗黑模式。

但是，在移动终端使用暗黑模式后，各个应用程序(App)都需要与暗黑模式进行适配，而现有的App中有很多的页面和模块都是由超文本5.0(HTML5.0)来开发的，大型App一般有成百上千的H5页面或模块，各个H5页面或模块的逐一适配需要花费巨大的人力物力，完成难度极高。因此，如何在提升适配效率的同时，满足适配效果是目前亟待解决的技术问题。

发明内容

本公开实施例至少提供一种页面样式切换方法、装置、计算机设备及存储介质，可以在满足页面元素的页面样式与暗黑模式的适配效果的同时，提升适配效率。

第一方面，本公开实施例提供了一种页面样式切换方法，所述方法包括：

响应由第一背景模式切换至第二背景模式的操作，获取在所述第一背景模式下目标页面中页面元素对应的第一页面样式信息；

基于所述第一背景模式下所述页面元素对应的第一页面样式信息，确定在所述第二背景模式下所述页面元素对应的第二页面样式信息；

按照所述页面元素对应的第二页面样式信息，重新加载所述目标页面的所述页面元素。

一种可选的实施方式中，若所述页面元素为文本元素，所述第一页面样式信息为颜色样式信息；所述基于所述第一背景模式下所述页面元素对应的第一页面样式信息，确定在所述第二背景模式下所述页面元素对应的第二页面样式信息，包括：

查询预设的颜色样式映射表中是否存在所述第一背景模式下的所述文本元素的第一颜色；

若存在，从所述颜色样式映射表中，查询与在所述第一背景模式下的所述第一颜色对应的在所述第二背景模式下的第二颜色；

将所述第二颜色确定为在所述第二背景模式下所述页面元素对应的第二页面样式信息。

一种可选的实施方式中，所述页面样式切换方法还包括：

若不存在，确定所述颜色样式映射表中在所述第一背景模式下与所述第一颜色相近似的第三颜色；

从所述颜色样式映射表中，查询与在所述第一背景模式下的所述第三颜色对应的在所述第二背景模式下的所述第二颜色；

将所述第二颜色确定为在所述第二背景模式下所述页面元素对应的第二页面样式信息。

一种可选的实施方式中，在所述获取在所述第一背景模式下目标页面中页面元素对应的第一页面样式信息之后，所述页面样式切换方法还包括：

监听所述页面元素对应的第一页面样式信息是否发生变更；

若是，获取变更后的所述页面元素对应的第三页面样式信息，并基于所述第一背景模式下所述页面元素对应的第三页面样式信息，确定在所述第二背景模式下所述页面元素对应的第四页面样式信息；

按照所述页面元素对应的第四页面样式信息，重新加载所述目标页面的所述页面元素。