[发明专利]页面主题风格切换方法、装置、电子设备及计算机存储介质

说明书

本发明涉及计算机技术领域，尤其涉及一种页面主题风格切换方法、装置、电子设备及计算机存储介质。该方法包括：预设多个与主题风格对应的层叠样式表，不同的主题风格对应的层叠样式表具有相同的类名；获取来自用户的主题风格切换指令，所述主题风格切换指令指向一个目标主题风格；将与所述目标主题风格对应的层叠样式表存储到风格变量中；在页面上加载所述风格变量以形成对应的主题风格。其减少了对CSS类名的定义，也无需使用全局变量来判断标签类名的显示，能够有效的减少代码量。而且，在维护过程时，只需要根据需要相应的修改部分CSS文件的内容即可，可以有效的提升开发效率和降低开发成本。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面主题风格切换方法、装置、电子设备及计算机存储介质。

背景技术

现有许多网站或者移动应用的页面都具有切换主题风格的功能，用以支持例如换肤效果、白天和夜间模式的切换以及以不同颜色显示股票涨跌等的页面显示效果。

现有的主题风格切换实现方式需要针对不同的主题风格设置多套不同层叠样式表(Cascading Style Sheets CSS)的页面。在切换时，通过全局变量来控制标签类型的显示或者直接使用多套不同主题风格的页面进行切换。

这样的实现方式每增加一种主题风格就需要设置一套额外不同的CSS类名，造成代码冗余，维护不便和开发低效等的一系列问题，如何避免现有主题风格切换方式需要使用多套CSS类名，是目前亟待解决的问题。

发明内容

本发明的实施例提供了一种页面主题风格切换方法、装置、电子设备及计算机存储介质，用于解决现有技术主题风格切换方法中的一种或者多种问题。

本发明实施例的第一方面提供了一种页面主题风格切换方法。其中，所述方法包括：

预设多个与主题风格对应的层叠样式表，不同的主题风格对应的层叠样式表具有相同的类名；获取来自用户的主题风格切换指令，所述主题风格切换指令指向一个目标主题风格；将与所述目标主题风格对应的层叠样式表存储到风格变量中；在页面上加载所述风格变量以形成对应的主题风格。

可选地，所述主题风格包括可切换的第一主题风格和第二主题风格；

所述层叠样式表包括公共类层叠样式表、用于生成第一主题风格的第一层叠样式表和用于生成第二主题风格的第二层叠样式表；

所述第一层叠样式表与所述第二层叠样式表具有相同的类名。

可选地，所述主题风格切换指令包括：用于将页面的主题风格切换为第一主题风格的第一切换指令和用于将页面的主题风格切换为第二主题风格的第二切换指令。

可选地，在页面上加载所述风格变量，具体包括：在描述页面的超文本标记语言文本中添加链接标签，所述链接标签定义了连接到层叠样式表的路径；获取所述风格变量的值；将所述风格变量的值设置为所述链接标签的连接到层叠样式表的路径。

可选地，将与所述目标主题风格对应的层叠样式表存储到风格变量中，具体包括：在接收到第一切换指令时，将第一层叠样式表的路径存储到风格变量中；在接收到第二切换指令时，将第二层叠样式表的路径存储到风格变量中。

可选地，所述层叠样式表的路径的存储方式为本地存储。

可选地，所述主题风格切换指令通过设置在页面的按钮获取。

本发明实施例的第二方面提供了一种页面主题风格切换装置。其中，所述装置包括：

层叠样式表集，由多个与主题风格对应的层叠样式表组成，不同的主题风格对应的层叠样式表具有相同的类名；

指令获取模块，用于获取来自用户的主题风格切换指令，所述主题风格切换指令指向一个目标主题风格；