[发明专利]切换网站主题风格的方法和装置

说明书

本发明公开了一种切换网站主题风格的方法和装置。其中，该方法包括：接收到切换主题风格的请求后，展示主题风格操作界面，其中，主题风格操作界面上包括自定义主题风格选项；在接收到选定自定义主题风格选项的指令后，获取配色变量和预设样式文件；为配色变量赋值，得到配色变量值；将配色变量值和预设样式文件结合，编译得到目标主题风格；将目标主题风格应用于网站界面。本发明解决了现有技术中切换网站主题风格的灵活性低现有技术中切换网站主题风格的灵活性低的技术问题。

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种切换网站主题风格的方法和装置。

背景技术

目前通常的各大网站，例如qq空间，新浪微博，博客等都具有主题风格切换功能。有些切换主题风格后需要手动刷新才能看到结果，有些直接就可以看到效果。实现主题风格的切换通常包括如下几种方法：

1、将几套主题风格都写在一个样式(css)文件内，切换主题风格的时候直接在最外层切换class，但使用这种方式会导致最终样式文件会很大，并且由于很多样式用不上。在网站初次加载的情况下，会耗费大量的带宽。

2、在用户发出指令进行主题风格切换时，重新请求一个新的页面，新的页面会有该页面的样式链接。效果相当于在该窗口下重新加载了一遍，用户的体验是页面进行了刷新，这样的方式需要做多套页面并事先进行保存，其中有大量的重复工作。

3、切换头文件链接的源文件，将样式表引到另一个位置，采用这种凡是同样需要预先配置好多套样式表保存到服务端，在用户需要切换主题风格时同样也需要请求后端数据。

由于目前的切换主题风格基本为上述这三种实现方案。概括来说就是如下三点：前端切换class、重新请求一个新的模板、前端修改链接的指向位置。如果用户想要自己配置界面风格，都无一例外的需要人工加入主题风格模板，过程繁琐且灵活度低。

针对现有技术中切换网站主题风格的灵活性低现有技术中切换网站主题风格的灵活性低的问题，目前尚未提出有效的解决方案。

发明内容

本发明实施例提供了一种切换网站主题风格的方法和装置，以至少解决现有技术中切换网站主题风格的灵活性低现有技术中切换网站主题风格的灵活性低的技术问题。

根据本发明实施例的一个方面，提供了一种切换网站主题风格的方法，包括：接收到切换主题风格的请求后，展示主题风格操作界面，其中，主题风格操作界面上包括自定义主题风格选项；在接收到选定自定义主题风格选项的指令后，获取配色变量和预设样式文件；为配色变量赋值，得到配色变量值；将配色变量值和预设样式文件结合，编译得到目标主题风格；将目标主题风格应用于网站界面。

进一步地，主题风格操作界面上还包括标准主题风格选项，标准主题风格选项下具有多种标准主题风格，切换网站主题风格的方法还包括：在接收到选择标准主题风格选项的指令后，获取选中的标准主题风格，并将选中的标准主题风格应用于网站界面。

进一步地，在编译得到目标主题风格之后，切换网站主题风格的方法还包括：将目标主题风格进行缓存。

进一步地，在为配色变量赋值之前，切换网站主题风格的方法还包括：定义网站主题风格的基准色，基准色用于限定网站主题风格的配色基调，以使配色变量在基准色支持的取值范围内选取配色变量值。

进一步地，配色变量包括主题颜色、背景颜色和字体颜色中的一个或多个。

根据本发明实施例的另一方面，还提供了一种切换网站主题风格的装置，包括：接收模块，用于接收到切换主题风格的请求后，展示主题风格操作界面，其中，主题风格操作界面上包括自定义主题风格选项；第一获取模块，用于在接收到选定自定义主题风格选项的指令后，获取配色变量和预设样式文件；赋值模块，用于为配色变量赋值，得到配色变量值；编译模块，用于将配色变量值和预设样式文件结合，编译得到目标主题风格；应用模块，用于将目标主题风格应用于网站界面。