CN111367597A

CN111367597A - 一种颜色切换方法、装置及电子设备

Info

Publication number: CN111367597A
Application number: CN201811603427.5A
Authority: CN
Inventors: 姜娟
Original assignee: Hangzhou Hikvision System Technology Co Ltd
Current assignee: Hangzhou Hikvision System Technology Co Ltd
Priority date: 2018-12-26
Filing date: 2018-12-26
Publication date: 2020-07-03

Abstract

本发明实施例提供了一种颜色切换方法、装置及电子设备。该方法包括：获取用户所给定的目标控件标识和目标颜色标识，目标控件标识为：客户端中待切换颜色的目标web控件的标识，目标颜色标识为：目标web控件待切换成的颜色的标识；基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系，颜色对应关系为：从客户端当前时刻被浏览器渲染的元素中获取的、包含目标控件标识和目标web控件的预设颜色的颜色标识的对应关系；将关于目标web控件的颜色对应关系中的颜色标识更新为目标颜色标识；基于更新后的颜色对应关系，切换目标web控件在客户端的界面中所显示的颜色。相对于现有技术，应用本发明实施例提供的方法，可以实现用户自定义切换web控件颜色。

Description

一种颜色切换方法、装置及电子设备

技术领域

本发明涉及计算机技术领域，特别是涉及一种颜色切换方法、装置及电子设备。

背景技术

当前，随着计算机技术的不断发展，各个企业越来越多的利用各类客户端来辅助各类日常工作，以达到提高工作效率，降低工作成本的目的，例如，办公系统等。

现有的各类客户端的界面中均存在多个web控件，所谓web控件是客户端所展示web界面中各个类型的模块。例如，按钮、文本输入框、下拉选框、表格表头等。其中，每个web控件具有某个颜色，且每个web控件的颜色是客户端开发商给定的某几种预设颜色中的一种。当用户希望切换web控件的颜色时，用户仅能从客户端开发商给定的某几种预设颜色中选取。这样，用户对于web控件颜色的切换受限于客户端开发商所提供的某几种预设颜色，颜色选择较为单一，影响用户的使用体验。

例如，客户端开发商所预设的确认按钮的颜色为：红色、绿色和黑色，那么，用户仅能将确认按钮的颜色设定为红色或者绿色或者黑色。

因此，如何解决web控件颜色选择较为单一的问题，提升用户的使用体验是当前亟待解决的问题。

发明内容

本发明实施例的目的在于提供一种颜色切换方法、装置及电子设备，以解决web控件颜色选择较为单一的问题，提升用户的使用体验。具体技术方案如下：

第一方面，本发明实施例提供了一种颜色切换方法，应用于电子设备，所述方法包括：

获取用户所给定的目标控件标识和目标颜色标识，其中，所述目标控件标识为：客户端中待切换颜色的目标web控件的标识，所述目标颜色标识为：所述目标web控件待切换成的颜色的标识；

基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系，其中，所述颜色对应关系为：从所述客户端当前时刻被浏览器渲染的元素中获取的、包含所述目标控件标识和所述目标web控件的预设颜色的颜色标识的对应关系；

将所述关于所述目标web控件的颜色对应关系中的颜色标识更新为所述目标颜色标识；

基于更新后的所述颜色对应关系，切换所述目标web控件在所述客户端的界面中所显示的颜色。

可选的，一种具体实现方式中，所述基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系的步骤，包括：

基于所述目标控件标识，从所述客户端当前时刻被浏览器渲染的元素中，抓取所述目标web控件的预设颜色的颜色标识；

基于所抓取到的颜色标识，确定所述客户端中关于所述目标web控件的颜色对应关系。

可选的，一种具体实现方式中，在所述基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系的步骤之前，所述方法还包括：

从所述客户端当前时刻被浏览器渲染的元素中，抓取所述客户端的界面中的各个web控件的控件标识和每个控件标识对应的颜色标识；

针对每一web控件，生成并保存该web控件的控件标识和所对应的颜色标识的对应关系；

所述基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系，包括：

从本地所保存的各个颜色对应关系中，查找包括所述目标控件标识的颜色对应关系，作为所述客户端中关于所述目标web控件的颜色对应关系。

可选的，一种具体实现方式中，所述基于更新后的所述颜色对应关系，切换所述目标web控件在所述客户端的界面中所显示的颜色的步骤，包括：

调用针对超文本标记语言HTML的强制执行指令，强制所述客户端按照更改后的所述颜色对应关系加载包含所述目标web控件的界面。

用更新后的所述颜色对应关系中的颜色标识覆盖所述客户端当前时刻被浏览器渲染的元素中所述目标控件标识对应的颜色标识；

控制所述客户端重新加载所述客户端中用于显示目标界面的源代码，其中，所述目标界面为：包括所述目标web控件的界面。

第二方面，本发明实施例提供了一种颜色切换装置，应用于电子设备，所述装置包括：

标识获取模块，用于获取用户所给定的目标控件标识和目标颜色标识，其中，所述目标控件标识为：客户端中待切换颜色的目标web控件的标识，所述目标颜色标识为：所述目标web控件待切换成的颜色的标识；

关系确定模块，用于基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系，其中，所述颜色对应关系为：从所述客户端当前时刻被浏览器渲染的元素中获取的、包含所述目标控件标识和所述目标web控件的预设颜色的颜色标识的对应关系；

标识更新模块，用于将所述关于所述目标web控件的颜色对应关系中的颜色标识更新为所述目标颜色标识；

颜色切换模块，用于基于更新后的所述颜色对应关系，切换所述目标web控件在所述客户端的界面中所显示的颜色。

可选的，一种具体实现方式中，所述关系确定模块，包括：

第一标识抓取子模块，用于基于所述目标控件标识，从所述客户端当前时刻被浏览器渲染的元素中，抓取所述目标web控件的预设颜色的颜色标识；

关系确定子模块，用于基于所抓取到的颜色标识，确定所述客户端中关于所述目标web控件的颜色对应关系。

可选的，一种具体实现方式中，所述装置还包括：

标识抓取模块，用于在所述基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系之前，从所述客户端当前时刻被浏览器渲染的元素中，抓取所述客户端的界面中的各个web控件的控件标识和每个控件标识对应的颜色标识；

关系生成模块，用于针对每一web控件，生成并保存该web控件的控件标识和所对应的颜色标识的对应关系；

所述关系确定模块，具体用于：从本地所保存的各个颜色对应关系中，查找包括所述目标控件标识的颜色对应关系，作为所述客户端中关于所述目标web控件的颜色对应关系。

可选的，一种具体实现方式中，所述颜色切换模块，包括：

指令调用子模块，用于调用针对超文本标记语言HTML的强制执行指令，强制所述客户端按照更改后的所述颜色对应关系加载包含所述目标web控件的界面。

可选的，一种具体实现方式中，所述颜色切换模块，包括：

标识改写子模块，用于用更新后的所述颜色对应关系中的颜色标识覆盖所述客户端当前时刻被浏览器渲染的元素中所述目标控件标识对应的颜色标识；

代码控制子模块，用于控制所述客户端重新加载所述客户端中用于显示目标界面的源代码，其中，所述目标界面为：包括所述目标web控件的界面。

第三方面，本发明实施例提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述第一方面提供的一种颜色切换方法中的任一所述的方法步骤。

第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述第一方面提供的一种颜色切换方法中的任一所述的方法步骤。

以上可见，应用本发明实施例提供的方案，用户可以给定电子设备客户端中待切换颜色的目标web控件的目标控件标识和该目标web控件所要切换成的颜色的目标颜色标识。这样，电子设备便可以基于该目标控件标识，确定客户端中关于该目标web控件的颜色对应关系，并将所确定的颜色对应关系中所包括的颜色标识更新为上述目标颜色标识。从而，可以基于上述更新后的颜色对应关系，切换上述目标web控件在客户端的界面中所显示的颜色。因此，应用本发明实施例提供的方案，针对客户端中的任一web控件，用户可以根据实际应用的需要和自己的喜好，自定义切换该web控件的颜色，而不受限于客户端开发商所提供的该web控件的某几种固定颜色，使得web控件颜色的选择更丰富。可见，通过本方案可以解决web控件颜色选择较为单一的问题，提升用户的使用体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种颜色切换方法的流程示意图；

图2为本发明实施例提供的一种颜色切换装置的结构示意图；

图3为本发明实施例提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

现有的各类客户端的界面中，web控件的颜色是客户端开发商预设的某几种固定颜色，导致用户对于web控件颜色的切换受限于客户端开发商所提供的固定颜色，颜色选择较为单一，影响用户的使用体验。为了解决现有的各类客户端中存在的问题，本发明实施例提供了一种颜色切换方法。

下面，首先对本发明实施例提供的一种颜色切换方法进行介绍。

图1为本发明实施例提供的一种颜色切换方法的流程示意图。需要说明的是，本发明实施例提供的一种颜色切换方法可以用于任何能够运行客户端的电子设备中，例如，笔记本电脑、台式电脑、手机等。此外，实现本发明实施例所提供的颜色切换方法的功能软件可以为现有的客户端的插件，也可以为独立于现有客户端的专门的颜色切换客户端，这都是合理的。

如图1所示，本发明实施例提供的一种颜色切换方法，可以包括如下步骤：

S101：获取用户所给定的目标控件标识和目标颜色标识，

其中，目标控件标识为：客户端中待切换颜色的目标web控件的标识，目标颜色标识为：目标web控件待切换成的颜色的标识；

可以理解的，针对任一客户端，用户可以根据实际需要和自身喜好，确定待切换颜色的web控件和该web控件所要切换成的颜色，则该待切换颜色的web控件便可以作为目标web控件。进一步的，便可以将该目标web控件的标识作为目标控件标识，将目标web控件所要切换成的颜色的标识作为目标颜色标识。

显然，为了能够使电子设备执行本发明实施例提供的颜色切换方法，改变上述目标web控件在客户端界面中所显示的颜色，电子设备可以通过多种方式获取用户给定的目标控件标识和目标颜色标识。

因此，电子设备在执行本发明实施例提供的颜色切换方法时，首先获取用户所给定的目标控件标识和目标颜色标识。

具体的，用户可以通过对客户端执行预设操作向电子设备发送颜色切换指令，该颜色切换指令中携带有用户给定的目标控件标识和目标颜色标识。其中，该预设操作可以是在web控件的颜色菜单中的点选操作，也可以是针对web控件的颜色对话框的输入操作，这都是合理的。

这样，当电子设备检测到用户对客户端执行的预设操作时，便可以接收到该颜色切换指令，进而获取的该颜色切换指令所携带的用户给定的目标控件标识和目标颜色标识。

需要说明的是，一次颜色切换过程，可以针对一个目标web控件进行颜色切换，也可以对多个目标web控件进行颜色切换，也就是，目标web控件的数量也可以一个或者多个。其中，当同时切换多个目标web控件的颜色时，电子设备在上述步骤S101中所获取都的是多组目标控件标识和目标颜色标识，每组中包括一个客户端中待切换的目标web控件的标识和该目标web控件待切换成的颜色的标识。

S102：基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系；

其中，颜色对应关系为：从客户端当前时刻被浏览器渲染的元素中获取的、包含目标控件标识和目标web控件的预设颜色的颜色标识的对应关系。

在获取用户所给定的目标控件标识和目标颜色标识后，电子设备便可以基于该目标控件标识，确定客户端中关于目标web控件的颜色对应关系。

可以理解的，客户端开发商在开发该客户端时，可以给定目标web控件几种预设颜色。而在加载客户端时，表征目标web控件的某一种预设颜色的代码可以被浏览器渲染，因此，在客户端当前时刻被浏览器渲染的元素中，存在目标web控件所对应的当前所渲染的颜色的颜色标识。显然，在客户端当前时刻被浏览器渲染的元素中，目标web控件的标识与该当前所渲染的颜色的颜色标识具有对应关系。即在客户端当前时刻被浏览器渲染的元素中，上述目标控件标识会对应于当前所渲染的颜色的颜色标识。为了便于描述，以下将客户端当前时刻被浏览器渲染的元素中，目标web控件所对应的当前所渲染的颜色简称为预设颜色。

因此，电子设备可以从客户端当前时刻被浏览器渲染的元素中获取到包含目标控件标识和目标web控件的预设颜色的颜色标识的对应关系。进一步的，基于上述目标控件标识，电子设备便可以确定客户端中关于目标web控件的颜色对应关系。

需要说明的是，在本发明实施例中，电子设备可以通过多种方式执行执行上述步骤S102，基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系。对此，本发明实施例不作具体限定。为了行文清楚，后续对电子设备执行上述步骤S102的具体方式进行举例介绍。

S103：将关于目标web控件的颜色对应关系中的颜色标识更新为目标颜色标识；

S104：基于更新后的颜色对应关系，切换目标web控件在客户端的界面中所显示的颜色。

在确定客户端中关于目标web控件的颜色对应关系后，电子设备便可以将该颜色对应关系中的颜色标识更新为目标颜色标识，即将目标控件标识对应的目标web控件的预设颜色的颜色标识，更新为用户指定的目标web控件待切换成的颜色的标识。

进一步的，电子设备便可以基于更新后的颜色，切换目标web控件在客户端的界面中所显示的颜色。从而使得目标web控件在客户端的界面中所显示的颜色切换为用户指定的目标web控件待切换成的颜色。

例如，当目标web控件为确认按钮，目标web控件待切换成的颜色为红色，且在执行上述颜色切换方法之前，该确认按钮的颜色为绿色时，那么，在电子设备执行完上述颜色切换方法后，该确认按钮在客户端中所显示的颜色即变为红色。

又例如，当目标web控件为分别表格边框、表格表头、表格内容背景和表格内容文字，且上述四个web控件待切换成的颜色分别为红色、灰色、白色和黑色，且在执行上述颜色切换方法之前，上述四个web控件的颜色分别为蓝色、蓝色、灰色和白色时，那么，在电子设备执行完上述颜色切换方法后，上述四个web控件在客户端中所显示的颜色即分别变为红色、灰色、白色和黑色。

此时，用户可以在客户端的界面中看到一个表格边框为红色、表头为灰色、表格内容是白色背景和黑色文字的表格。

需要说明的是，在本发明实施例中，在将关于目标web控件的颜色对应关系中的颜色标识更新为目标颜色标识后，电子设备可以通过多种方式执行上述步骤S104，基于更新后的颜色对应关系，切换目标web控件在客户端的界面中所显示的颜色。对此，本发明实施例不做具体限定。为了行文清晰，后续会对电子设备执行上述步骤S104的具体方式进行举例说明。

此外，各类办公系统也属于本发明实施例所涉及到的客户端。介于系统开发商的开发能力，很多系统开发商并不能为企业提供覆盖该企业全部工作业务的完整办公系统。因此，企业可以将多家系统开发商提供的多套系统集成，得到能够覆盖全部工作业务的完整办公系统。为了描述方便，可以将多家系统开发商提供的多套系统简称为多套子系统，将由多套子系统所集成的完整办公系统称为办公系统。可以理解的，由于上述办公系统中的各个子系统来自于不同的系统开发商，因此，位于各个子系统中的相同类型的web控件可能被设置为不同的颜色。例如，子系统A中的按钮被设置为红色，子系统B中的按钮被设置为蓝色。这样，应用本发明实施例提供的颜色切换方法，用户可以自定义切换各个子系统中的相同类型的web控件的颜色，将原本位于不同子系统中的相同类型的web控件具有的不同颜色进行统一，降低相同类型的web控件具有不同的颜色给用户的操作带来干扰，提升用户体验。

下面，对电子设备执行上述步骤S102，基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系的具体方式进行举例说明。

可选的，一种具体实现方式中，上述步骤S102，可以包括如下步骤A1-A2：

步骤A1：基于目标控件标识，从客户端当前时刻被浏览器渲染的元素中，抓取目标web控件的预设颜色的颜色标识；

获取用户所给定的目标控件标识和目标颜色标识后，电子设备可以从客户端当前时刻被浏览器渲染的元素中，查找该目标控件标识。显然，由于目标web控件还可以具有除颜色之外的属性，例如，功能、形状、在界面中的位置等，因此，在客户端当前时刻被浏览器渲染的元素中，目标控件标识可以具有多个相关的属性标识，这些属性标识表征了目标web控件的多个不同属性。

这样，电子设备在客户端当前时刻被浏览器渲染的元素中查找到目标控件标识时，便可以确定目标控件标识所相关的多个不同属性标识。进而，电子设备便可以从上述多个不同属性标识中抓取目标web控件当前加载的颜色的颜色标识，即抓取目标web控件的预设颜色的颜色标识。

其中，电子设备可以通过多种抓取程序从客户端当前时刻被浏览器渲染的元素中，抓取目标web控件的预设颜色的颜色标识，例如，各种爬虫程序等，这都是合理的。

A2：基于所抓取到的颜色标识，确定客户端中关于目标web控件的颜色对应关系。

这样，在从客户端当前时刻被浏览器渲染的元素中获取到目标web控件的预设颜色的颜色标识后，电子设备便可以确定客户端当前时刻被浏览器渲染的元素中，目标控件标识所对应的目标web空间的预设颜色的颜色标识。从而，确定客户端中关于目标web控件的颜色对应关系。

需要说明的是，在本实现方式中，电子设备是在获取到用户所给定的目标控件标识和目标颜色标识后，直接去客户端当前时刻被浏览器渲染的元素中获取关于目标web控件的颜色对应关系的。

相对应的，为了节省从客户端当前时刻被浏览器渲染的元素中，抓取目标web控件的预设颜色的颜色标识的时间，提高颜色切换的效率。另一种具体实现方式中，电子设备也可以预先获取到客户端当前时刻被浏览器渲染的元素中，客户端的各个web控件的空间标识和该web控件标识的预设颜色的颜色标识的对应关系，并将这些对应关系保存在本地。从而在获取用户所给定的目标控件标识和目标颜色标识，电子设备可以直接从本地保存的对应关系中获取关于目标web控件的颜色对应关系。

具体的，在本实现方式中，在上述步骤S102之前，本发明实施例提供的颜色切换方法还可以包括如下步骤B1-B2：

步骤B1：从客户端当前时刻被浏览器渲染的元素中，抓取客户端的界面中的各个web控件的控件标识和每个控件标识对应的颜色标识；

步骤B2：针对每一web控件，生成并保存该web控件的控件标识和所对应的颜色标识的对应关系；

可以理解的，客户端开发商在开发该客户端时，可以给定每一web控件几种预设颜色。而在加载客户端时，表征该web控件的某一种预设颜色的代码可以被加载，因此，在客户端当前时刻被浏览器渲染的元素中，存在每一web控件所对应的当前加载的颜色的颜色标识。显然，在客户端当前时刻被浏览器渲染的元素中，每一web控件的标识与该当前加载的颜色的颜色标识具有对应关系。即在客户端当前时刻被浏览器渲染的元素中，每一web控件的控件标识会对应于该web控件当前加载的颜色的颜色标识。基于此，电子设备便可以遍历客户端当前时刻被浏览器渲染的元素，并该源代码中抓取该客户端的界面中的每一web控件的控件标识和该控件标识对应的web控件当前加载的颜色的颜色标识。

这样，在抓取到每一web控件的控件标识和该控件标识对应的web控件当前加载的颜色的颜色标识后，电子设备便可以针对每一web控件，生成该web控件的控件标识和该控件标识对应的web控件当前加载的颜色的颜色标识的颜色对应关系，进而，将所生成的多个颜色对应关系保存到本地。

其中，电子设备可以通过多种抓取程序从客户端当前时刻被浏览器渲染的元素中，抓取客户端的界面中的各个web控件的控件标识和每个控件标识对应的颜色标识，例如，各种爬虫程序等，这都是合理的。

从而，在本实现方式中，上述步骤S102，可以包括如下步骤C1：

C1：从本地所保存的各个颜色对应关系中，查找包括目标控件标识的颜色对应关系，作为客户端中关于目标web控件的颜色对应关系。

由于电子设备本地保存了客户端中每一web控件的控件标识和该控件标识对应的web控件当前加载的颜色的颜色标识的颜色对应关系，因此，电子设备在获取用户所给定的目标控件标识和目标颜色标识后，便可以直接从本地所保存的多个颜色对应关系中，查找包括目标控件标识的颜色对应关系。进而，将所查找到的颜色对应关系，作为客户端中关于目标web控件的颜色对应关系。

其中，需要说明的是，电子设备在生成并保存客户端中每一web控件的控件标识和所对应颜色标识的颜色对应关系时，也可以向客户端发送颜色对应关系获取指令，以使得客户端在接收到该颜色对应关系获取指令后，直接将源代码中所记录的每一web控件的控件标识和该控件标识对应的web控件当前加载的颜色的颜色标识的颜色对应关系发送给电子设备。这样，电子设备可以直接从客户端处获取上述多个颜色对应关系，而不需要执行上述步骤B1-B2，这都是合理的。

下面，对电子设备执行上述步骤S104，基于更新后的颜色对应关系，切换目标web控件在客户端的界面中所显示的颜色的具体方式进行举例说明。

可选的，一种具体实现方式中，上述步骤S104，可以包括如下步骤D1：

步骤D1：调用针对超文本标记语言HTML的强制执行指令，强制客户端按照更改后的颜色对应关系加载包含目标web控件的界面。

可选的，电子设备可以采用CSS(Cascading Style Sheets，层叠样式表)中的important关键字对客户端当前时刻被浏览器渲染的元素进行元素优先级排序。这样，电子设备便可以为更新后的颜色对应关系中的目标颜色标识添加important关键字，使得该目标颜色标识的属性优先级排序最高。进而，浏览器在渲染客户端对应的各个元素时，便可以优先执行该目标颜色标识，从而使得客户端按照更改后的颜色对应关系加载包含目标web控件的界面。

可选的，当目标web控件的颜色对应关系中的颜色标识更新为目标颜色标识后，则电子设备便可以更改当前时刻被浏览器渲染的元素中目标web控件的颜色属性，将该颜色属性由原本的预设颜色的颜色标识修改为目标颜色标识。进而，在加载客户端中目标web控件所在的页面时，客户端当前时刻被浏览器渲染的元素中，便可以加载目标颜色标识，从而使得客户端按照更改后的颜色对应关系加载包含目标web控件的界面。

在本发明实施例中，电子设备不需要对客户端当前时刻被浏览器渲染的元素进行更改，而是针对在上述步骤S102中所获取的客户端中关于目标web控件的颜色对应关系，将该颜色对应关系中的颜色标识改写为上述用户给定的目标颜色标识。进而，电子设备可以直接调用针对HTML(HyperText Markup Language，超文本标记语言)的强制执行指令，使客户端强制运行该更改后的颜色对应关系所对应的程序代码，从而使客户端按照更改后的颜色对应关系加载包含目标web控件的界面。

此外，由于客户端可能存在多个界面，而目标web控件可能位于其中的一个或几个界面中，因此，为了提高颜色切换效率以及节省电子设备的资源，在上述步骤D1中，电子设备可以强制客户端只按照更改后的颜色对应关系加载包含目标web控件的界面，而不是重新加载客户端的所有界面。

其中，当目标web控件在客户端的界面中所显示的颜色切换为用户所指定的待切换成的颜色后，在客户端当前时刻被浏览器渲染的元素中，目标控件标识所对应的颜色标识依然为目标web控件的当前加载的颜色的颜色标识，客户端当前时刻被浏览器渲染的元素没有发生改变。

可选的，另一种具体实现方式中，上述步骤S104，可以包括以下步骤E1-E2：

E1：用更新后的颜色对应关系中的颜色标识覆盖客户端当前时刻被浏览器渲染的元素中目标控件标识对应的颜色标识；

E2：控制客户端重新加载客户端中用于显示目标界面的源代码，

其中，目标界面为：包括目标web控件的界面。

在本实现方式中，电子设备可以直接用目标标识覆盖客户端当前时刻被浏览器渲染的元素中，目标控件标识对应的当前加载的颜色的颜色标识。即将客户端当前时刻被浏览器渲染的元素中目标控件标识对应的颜色标识改写为目标颜色标识。进而，在客户端当前时刻被浏览器渲染的元素改写完成后，电子设备便可以控制客户端重新加载客户端中包括目标界面的源代码。

这样，由于目标控件标识对应的当前加载的颜色的颜色标识被更新为目标颜色标识，因此，目标控件标识对应的当前加载的颜色被更新为用户给定的待切换成的颜色的标识，则客户端的界面中，目标web控件将显示为该用户给的待切换成的颜色。

此外，由于客户端可能存在多个界面，而目标web控件可能位于其中的一个或几个界面中，因此，为了提高颜色切换效率以及节省电子设备的资源，在上述步骤C1中，由于只改变了客户端当前时刻被浏览器渲染的元素中，目标控件标识对应的颜色标识，因此，电子设备可以控制客户端只重新加载改写后的客户端中包括目标界面的源代码，而不是重新加载客户端的所有源代码。

相应于上述本发明实施例提供的一种颜色切换方法，本发明实施例提供了一种颜色切换装置，该装置应用于电子设备。

图2为本发明实施例提供的一种颜色切换装置的结构示意图，如图2所示，该装置可以包括如下模块：

标识获取模块210，用于获取用户所给定的目标控件标识和目标颜色标识，

关系确定模块220，用于基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系，

其中，颜色对应关系为：从客户端当前时刻被浏览器渲染的元素中获取的、包含目标控件标识和目标web控件的预设颜色的颜色标识的对应关系；

标识更新模块230，用于将关于目标web控件的颜色对应关系中的颜色标识更新为目标颜色标识；

颜色切换模块240，用于基于更新后的颜色对应关系，切换目标web控件在客户端的界面中所显示的颜色。

可选的，一种具体实现方式中，上述关系确定模块220包括：

第一标识抓取子模块，用于基于目标控件标识，从客户端当前时刻被浏览器渲染的元素中，抓取目标web控件的预设颜色的颜色标识；

关系确定子模块，用于基于所抓取到的颜色标识，确定客户端中关于目标web控件的颜色对应关系。

可选的，一种具体实现方式中，上述颜色切换装置还包括：

标识抓取模块，用于在基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系之前，从客户端当前时刻被浏览器渲染的元素中，抓取客户端的界面中的各个web控件的控件标识和每个控件标识对应的颜色标识；

在本实现方式中，上述关系确定模块220，具体用于：从本地所保存的各个颜色对应关系中，查找包括目标控件标识的颜色对应关系，作为客户端中关于目标web控件的颜色对应关系。

可选的，一种具体实现方式中，上述颜色切换模块240包括：

指令调用子模块，用于调用针对超文本标记语言HTML的强制执行指令，强制客户端按照更改后的颜色对应关系加载包含目标web控件的界面。

可选的，一种具体实现方式中，上述颜色切换模块240包括：

标识改写子模块，用于用更新后的颜色对应关系中的颜色标识覆盖客户端当前时刻被浏览器渲染的元素中目标控件标识对应的颜色标识；

代码控制子模块，用于控制客户端重新加载客户端中用于显示目标界面的源代码，其中，目标界面为：包括目标web控件的界面。

相应于上述本发明实施例提供的一种颜色切换方法，本发明实施例还提供了一种电子设备，如图3所示，包括处理器301、通信接口302、存储器303和通信总线304，其中，处理器301，通信接口302，存储器303通过通信总线304完成相互间的通信，

存储器303，用于存放计算机程序；

处理器301，用于执行存储器303上所存放的程序时，实现本发明实施例提供的一种颜色切换方法。

具体的，上述颜色切换方法，包括：

获取用户所给定的目标控件标识和目标颜色标识，其中，目标控件标识为：客户端中待切换颜色的目标web控件的标识，目标颜色标识为：目标web控件待切换成的颜色的标识；

基于目标控件标识，确定客户端中关于目标web控件的颜色对应关系，其中，颜色对应关系为：从客户端当前时刻被浏览器渲染的元素中获取的、包含目标控件标识和目标web控件的预设颜色的颜色标识的对应关系；

将关于目标web控件的颜色对应关系中的颜色标识更新为目标颜色标识；

基于更新后的颜色对应关系，切换目标web控件在客户端的界面中所显示的颜色。

需要说明的是，上述处理器301执行存储器303上存放的程序而实现的颜色切换方法的其他实现方式，与前述方法实施例部分提供的一种颜色切换方法的方法实施例相同，这里不再赘述。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，RAM)，也可以包括非易失性存储器(Non-Volatile Memory，NVM)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(Digital SignalProcessing，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

相应于上述本发明实施例提供的一种颜色切换方法，本发明实施例还提供了一种机可读存储介质，该计算机可读存储介质为服务器中的存储介质，其中存储有计算机程序，该计算机程序被处理器执行时实现本发明实施例提供的一种颜色切换方法。

具体的，上述颜色切换方法，包括：

需要说明的是，上述计算机程序被处理器执行时而实现的基于颜色切换方法的其他实现方式，与前述方法实施例部分提供的一种颜色切换方法的方法实施例相同，这里不再赘述。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例、电子设备实施例、计算机可读存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims

1.一种颜色切换方法，其特征在于，应用于电子设备，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，所述基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系的步骤，包括：

3.根据权利要求1所述的方法，其特征在于，在所述基于所述目标控件标识，确定所述客户端中关于所述目标web控件的颜色对应关系的步骤之前，所述方法还包括：

4.根据权利要求1-3任一项所述的方法，其特征在于，所述基于更新后的所述颜色对应关系，切换所述目标web控件在所述客户端的界面中所显示的颜色的步骤，包括：

5.根据权利要求1所述的方法，其特征在于，所述基于更新后的所述颜色对应关系，切换所述目标web控件在所述客户端的界面中所显示的颜色的步骤，包括：

6.一种颜色切换装置，其特征在于，应用于电子设备，所述装置包括：

7.根据权利要求6所述的装置，其特征在于，所述关系确定模块，包括：

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

9.根据权利要求6-8任一项所述的装置，其特征在于，所述颜色切换模块，包括：

10.根据权利要求6所述的装置，其特征在于，所述颜色切换模块，包括：

11.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现权利要求1-5任一所述的方法步骤。

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-5任一所述的方法步骤。