确定页面主题的方法、装置、设备以及存储介质制造方法及图纸

本申请的实施例公开了一种确定页面主题的方法、装置、设备以及存储介质，涉及界面生成技术领域。具体实现方案为：获取目标页面当前运行环境；确定与所述当前运行环境相匹配的目标主题；从预存有对应不同主题的样式资源链接的数据库中，查找与所述目标主题相匹配的目标样式资源链接；在所述目标页面上加载所述目标样式资源链接中的CSS变量值，所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。通过本申请的实施例，页面主题切换时无过多冗余元素的参与，提高切换速度进而使切换更流畅。

【技术实现步骤摘要】
确定页面主题的方法、装置、设备以及存储介质
本申请涉及计算机
，具体涉及界面生成
，尤其涉及确定页面主题的方法、装置、设备以及存储介质。
技术介绍
随着IOS13(InternationalOrganizationforStandardization13，第13代网间网操作系统)暗黑模式的推广，H5(HTML5，HyperTextMark-upLanguage5，第5代超文本标记语言)页面需要支持亮色和暗色两种主题的展现。在暗黑模式下，页面需要对应切换成暗色主题，在非暗黑模式下，页面需要对应切换成亮色主题。因此，有必要提供一种确定页面主题的方法来快速切换对应运行环境的主题。相关技术中，在进行主题切换时，写多套CSS(CascadingStyleSheets，层叠样式表)样式文件，通过切换不同的CSS样式文件来实现页面主题切换。或者，利用less(LeanerStyleSheets，简洁样式表)运行时进行前端页面主题的编译构建。
技术实现思路
提供了一种确定页面主题的方法、装置、设备以及存储介质。>根据第一方面，提供本文档来自技高网...

【技术保护点】
1.一种确定页面主题的方法，包括：/n获取目标页面的当前运行环境；/n确定与所述当前运行环境相匹配的目标主题；/n从样式资源链接数据库中，查找与所述目标主题相匹配的目标样式资源链接；其中，所述样式资源链接数据库预存有对应不同主题的样式资源链接；/n在所述目标页面上加载所述目标样式资源链接中的CSS变量值，得到所述目标主题；其中，所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。/n

【技术特征摘要】
1.一种确定页面主题的方法，包括：
获取目标页面的当前运行环境；
确定与所述当前运行环境相匹配的目标主题；
从样式资源链接数据库中，查找与所述目标主题相匹配的目标样式资源链接；其中，所述样式资源链接数据库预存有对应不同主题的样式资源链接；
在所述目标页面上加载所述目标样式资源链接中的CSS变量值，得到所述目标主题；其中，所述目标样式资源链接中的CSS变量值用于从所述目标页面的样式中指示在主题切换时发生变动的样式。


2.根据权利要求1所述的方法，所述方法还包括：
根据所述目标主题，更改目标页面的body标签中存储的用于指示主题名称的标识数据，得到目标标识数据；
所述查找与所述目标主题相匹配的目标样式资源链接，包括：查找所述目标标识数据对应的样式资源链接，得到目标样式资源链接。


3.根据权利要求2所述的方法，所述方法还包括，
响应于检测到所述目标页面的body标签中存储的用于指示主题名称的标识数据改变时，选择并加载与所述目标标识数据相对应的背景图片。


4.根据权利要求1所述的方法，所述方法还包括：
响应于接收到用户对所述样式资源链接中的样式资源的更改请求，更改所述样式资源链接中的样式资源。


5.根据权利要求1所述的方法，所述方法还包括：
响应于接收到用户增加所述样式资源链接中的样式资源的请求，增加所述样式资源链接中的样式资源；和/或，
响应于接收到用户删除所述样式资源连接中的样式资源的请求，删除所述样式资源链接中的样式资源。


6.一种确定页面主题的装置，包括：
获取模块，被配置为获取目标页面的当前运行环境；
确定模块，被配置为确定与所述当前运行环境相匹配的目标主题；
查找模块，被配置为从样式资源链接数据库中，查找与所述目标主题相匹配的目标样式资源链接；其中，所述样式资源链接数据库预存有对应不同主题的样式资源链接；

【专利技术属性】
技术研发人员：曲达，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：北京;11