[发明专利]一种页面颜色更改方法、装置、移动终端及存储介质

说明书

本发明公开了一种页面颜色更改方法、装置、移动终端及存储介质，该方法包括：响应于触发颜色更改图标的第一操作，在页面上展示颜色变量调整界面，颜色变量调整界面包括多个颜色变量调整图标；响应于按住并拖动多个颜色变量调整图标中任意一个颜色变量调整图标的第二操作，对页面进行颜色更改。

技术领域

本发明涉及互联网技术领域，特别涉及一种页面颜色更改方法、装置、移动终端及存储介质。

背景技术

目前，大多数应用都会向用户提供页面换肤的功能，以提升用户体验，满足用户的个性化需求。以浏览器这类应用为例，用户在使用浏览器进行网页浏览的过程中，可以按照自己喜好的颜色风格，从页面的多种皮肤样式中选择一种进行换肤。

常见的页面换肤方案包括两种，一种是将不同的皮肤制作成不同的CSS(Cascading Style Sheets，层叠样式表)文件，通过界面开发选择皮肤入口，当用户选择其中一个皮肤后，加载相应的CSS文件，另一种则是从页面中需要换肤的模块提取变量，后台通过设置各模块的变量值来固定更改页面颜色。

上述两种方案虽然都可以实现页面颜色变化，但仍有所缺陷。前者皮肤可选风格有限，不同的用户对颜色有不同的喜好，统一的几套皮肤很难满足所用用户的需求，且皮肤加载需要从服务器下载CSS文件，期间由于带宽、CSS文件大小等因素可能导致皮肤加载慢，进而出现页面闪动或白屏，此外不同风格的皮肤样式相互叠加覆盖，更改时需要考虑权重覆盖关系，维护成本非常大。后者在应用于网站换肤时，由于涉及换肤的模块较多，可变部分复杂多样，很难准确定位后台更换的模块对应页面的哪一部分，做不到所见即所得，而且依赖于网站维护人员后台设置皮肤，用户只能被动接受设置的皮肤颜色，无法实现用户自主选择。

因此，需要一种新的页面颜色更改方法来优化上述处理过程。

发明内容

为此，本发明提供一种页面颜色更改方案，以力图解决或者至少缓解上面存在的问题。

根据本发明的一个方面，提供一种页面颜色更改方法，该方法包括如下步骤：首先，响应于触发颜色更改图标的第一操作，在页面上展示颜色变量调整界面，颜色变量调整界面包括多个颜色变量调整图标；响应于按住并拖动多个颜色变量调整图标中任意一个颜色变量调整图标的第二操作，对页面进行颜色更改。

可选地，在根据本发明的页面颜色更改方法中，响应于按住并拖动多个颜色变量调整图标中任意一个颜色变量调整图标的第二操作，对页面进行颜色更改的步骤，包括：响应于按住并拖动多个颜色变量调整图标中任意一个颜色变量调整图标的第二操作，计算背景颜色变量和字体颜色变量的值；基于背景颜色变量和字体颜色变量的值，对页面中需要改变颜色的模块进行颜色更改。

可选地，在根据本发明的页面颜色更改方法中，基于背景颜色变量和字体颜色变量的值，对页面中需要改变颜色的模块进行颜色更改的步骤，包括：基于背景颜色变量和字体颜色变量的值，分别对页面中需要改变颜色的模块进行背景颜色和字体颜色的更改；若页面中需要改变颜色的模块还包括图片部分，则根据背景颜色变量的值，对图片部分进行颜色调整，图片部分包括背景图片和图标中至少之一。

可选地，在根据本发明的页面颜色更改方法中，颜色变量调整图标关联于RGB三原色变量中任一不同变量，RGB三原色变量包括红色变量、绿色变量和蓝色变量，计算背景颜色变量和字体颜色变量的值的步骤，包括：获取多个颜色变量调整图标中每个颜色变量调整图标关联的变量的值；根据每个颜色变量调整图标关联的变量的值，计算背景颜色变量和字体颜色变量的值。

可选地，在根据本发明的页面颜色更改方法中，RGB三原色变量预先在页面中定义并指定对应的缺省值。

可选地，在根据本发明的页面颜色更改方法中，背景颜色变量和字体颜色变量预先通过RGB三原色变量进行定义，并引入到页面中需要改变颜色的模块。