CN117633383A - 网站换肤方法、装置、计算机设备及存储介质 - Google Patents

Abstract

本申请提供一种网站换肤方法、装置、计算机设备及存储介质。该方法包括：响应于对网站的换肤指令，获取第一配置文件；响应于对所述第一配置文件的打开指令，展示换肤配置界面；响应于对所述换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于所述编辑后的配置信息，确定第二配置文件；响应于换肤预览指令，获取第三配置文件，并基于所述第二配置文件和所述第三配置文件，生成第四配置文件，以使用户基于所述第四配置文件查看换肤效果。本申请的方法，通过展示可编辑界面，实现对网站的配置文件的自定义编辑，能够实现网站皮肤的高度自制，满足了用户的个性化需求。

Description

网站换肤方法、装置、计算机设备及存储介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种网站换肤方法、装置、计算机设备及存储介质。

背景技术

随着互联网技术的飞速发展，每个用户基于自身使用习惯、对美学的不同追求等因素，产生了越来越多的网站皮肤个性化、定制化的需求。

现有技术中，主要是通过将网站所支持的各种主题颜色进行业务语义化命名，在用户进行换肤时，可以根据该用户选择的主题颜色，动态更换网站中的各种元素的颜色，以实现网站换肤效果。

但是，这种换肤方式，主要是借用了CSS(Cascading Style Sheets，层叠样式表)预处理器，导致使用不同的CSS预处理器进行网站换肤时，容易出现兼容问题，并且，上述实施方式中，用户只能根据网站提供的主题颜色进行换肤，无法真正做到网站皮肤的自定义，影响了用户的使用体验。

发明内容

本申请提供一种网站换肤方法、装置、计算机设备及存储介质，用以解决现有技术中，用户只能根据预先提供的选项，来进行网站换肤，不能真正实现用户自定义换肤的技术问题。

第一方面，本申请提供一种网站换肤方法，包括：

响应于对网站的换肤指令，获取第一配置文件；其中，所述第一配置文件中包括目标变量和目标变量对应的变量值；所述目标变量表征所述网站中能够自定义变量值的变量；

响应于对所述第一配置文件的打开指令，展示换肤配置界面；其中，所述换肤配置界面中展示有所述目标变量、所述目标变量的变量值，以及所述目标变量的变量值的配置信息；所述配置信息用于配置所述目标变量的变量值；

响应于对所述换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于所述编辑后的配置信息，确定第二配置文件；其中，所述第二配置文件中包括自定义变量值的目标变量；

响应于换肤预览指令，获取第三配置文件，并基于所述第二配置文件和所述第三配置文件，生成第四配置文件，以使用户基于所述第四配置文件查看换肤效果；其中，所述第三配置文件中包括所述网站中的不能自定义变量值的变量。

一个示例中，所述响应于对网站的换肤指令，获取第一配置文件，包括：

响应于对网站的换肤指令，遍历本地文件库；

在确定出所述本地文件库中，不包含与所述换肤指令相匹配的配置文件的情况下，从所述网站获取所述第一配置文件。

一个示例中，所述响应于对所述目标变量的变量值的第一编辑指令，确定编辑后的配置信息，包括：

响应于对所述目标变量的变量值的第一编辑指令，确定与所述第一编辑指令相对应的信息编辑类型；其中，所述信息编辑类型表征对所述目标变量的变量值进行编辑的编辑方式；

在所述换肤配置界面中，展示与所述信息编辑类型相匹配的待编辑区域；

获取所述待编辑区域的编辑信息，并基于所述编辑信息，确定所述编辑后的配置信息。

一个示例中，所述基于所述第二配置文件和所述第三配置文件，生成第四配置文件，包括：

对所述第二配置文件和所述第三配置文件进行兼容合并处理，得到第五配置文件；其中，所述第五配置文件表征适用于多种浏览器的配置文件；所述浏览器用于展示所述网站；

对所述第五配置文件进行压缩处理后，得到所述第四配置文件。

一个示例中，在生成第四配置文件之后，所述方法还包括：

响应于换肤预览指令，展示与所述第四配置文件相匹配的皮肤效果。

一个示例中，所述方法还包括：

响应于皮肤确认操作，将所述第四配置文件保存至服务器中，并将所述第二配置文件保存至本地文件库中。

一个示例中，在展示与所述第四配置文件相匹配的皮肤效果之后，所述方法还包括：

响应于皮肤更改指令，展示与所述第二配置文件相匹配的换肤配置界面；

响应于对所述换肤配置界面中，目标变量的变量值的第二编辑指令，确定第六配置文件；

基于所述第六配置文件和所述第三配置文件，更新所述第四配置文件。

第二方面，本申请提供一种网站换肤装置，包括：

获取单元，用于响应于对网站的换肤指令，获取第一配置文件；其中，所述第一配置文件中包括目标变量和目标变量对应的变量值；所述目标变量表征所述网站中能够自定义变量值的变量；

展示单元，用于响应于对所述第一配置文件的打开指令，展示换肤配置界面；其中，所述换肤配置界面中展示有所述目标变量、所述目标变量的变量值，以及所述目标变量的变量值的配置信息；所述配置信息用于配置所述目标变量的变量值；

确定单元，用于响应于对所述换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于所述编辑后的配置信息，确定第二配置文件；其中，所述第二配置文件中包括自定义变量值的目标变量；

生成单元，用于响应于换肤预览指令，获取第三配置文件，并基于所述第二配置文件和所述第三配置文件，生成第四配置文件，以使用户基于所述第四配置文件查看换肤效果；其中，所述第三配置文件中包括所述网站中的不能自定义变量值的变量。

一个示例中，获取单元，用于：

响应于对网站的换肤指令，遍历本地文件库；

在确定出所述本地文件库中，不包含与所述换肤指令相匹配的配置文件的情况下，从所述网站获取所述第一配置文件。

一个示例中，确定单元，用于：

响应于对所述目标变量的变量值的第一编辑指令，确定与所述第一编辑指令相对应的信息编辑类型；其中，所述信息编辑类型表征对所述目标变量的变量值进行编辑的编辑方式；

在所述换肤配置界面中，展示与所述信息编辑类型相匹配的待编辑区域；

获取所述待编辑区域的编辑信息，并基于所述编辑信息，确定所述编辑后的配置信息。

一个示例中，生成单元，用于：

对所述第二配置文件和所述第三配置文件进行兼容合并处理，得到第五配置文件；其中，所述第五配置文件表征适用于多种浏览器的配置文件；所述浏览器用于展示所述网站；

对所述第五配置文件进行压缩处理后，得到所述第四配置文件。

一个示例中，该装置还包括：

展示单元，用于在生成第四配置文件之后，响应于换肤预览指令，展示与所述第四配置文件相匹配的皮肤效果。

一个示例中，该装置还包括：

换肤确认单元，用于响应于皮肤确认操作，将所述第四配置文件保存至服务器中，并将所述第二配置文件保存至本地文件库中。

一个示例中，该装置还包括：

换肤更改单元，用于在展示与所述第四配置文件相匹配的皮肤效果之后，响应于皮肤更改指令，展示与所述第二配置文件相匹配的换肤配置界面；

响应于对所述换肤配置界面中，目标变量的变量值的第二编辑指令，确定第六配置文件；

基于所述第六配置文件和所述第三配置文件，更新所述第四配置文件。

第三方面，本申请提供一种计算机设备，包括：处理器，以及与所述处理器通信连接的存储器；所述存储器存储计算机执行指令；所述处理器执行所述存储器存储的计算机执行指令，以实现上述第一方面所述的方法。

第四方面，本申请提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现上述第一方面所述的方法。

第五方面，本申请提供一种计算机程序产品，所述计算机程序产品包括：计算机执行指令，所述计算机执行指令存储在可读存储介质中，计算机设备的至少一个处理器可以从所述可读存储介质读取所述计算机执行指令，所述至少一个处理器执行所述计算机执行指令，使得计算机设备执行第一方面所述的方法。

本申请提供的网站换肤方法、装置、计算机设备及存储介质，可以响应于对网站的换肤指令，获取第一配置文件，其中，第一配置文件中包括网站中能够自定义变量值的目标变量，以及目标变量对应的变量值。此时，可以通过不同的配置文件(也即，上述的第一配置文件和第三配置文件)，将网站中的能够自定义的变量以及不能自定义的变量进行区分，可以减少获取第一配置文件所消耗的系统资源，加快获取速度。之后，可以响应于对第一配置文件的打开指令，展示换肤配置界面，并通过响应于对换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息，以基于编辑后的配置信息，确定第二配置文件，实现了目标变量的变量值的自定义。此时，可以通过换肤配置界面，来简单直观的展示能够自定义的目标变量，并通过对换肤配置界面的第一编辑指令，方便快捷的实现对目标变量的变量值的自定义，达到自定义换肤的效果。这种换肤方式简单易上手，降低了换肤门槛，能够满足不同用户群体的换肤需求，提升用户的换肤体验。之后，可以响应于换肤预览指令，获取第三配置文件，并基于第二配置文件和第三配置文件，生成第四配置文件，以使用户基于第四配置文件查看换肤效果。这种换肤方式，提高了网站换肤的效率，减轻了网站管理人员以及网站主题设计人员的工作压力，还能实现网站皮肤的高度自制，满足了用户的个性化需求。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本申请的实施例，并与说明书一起用于解释本申请的原理。

图1为本申请实施例提供的一种网站换肤方法的流程示意图；

图2为本申请实施例提供的另一种网站换肤方法的流程示意图；

图3为本申请实施例提供的一种网站换肤方法的应用流程示意图；

图4为本申请实施例提供的一种网站换肤装置的结构示意图；

图5为本申请实施例提供的另一种网站换肤装置的结构示意图；

图6为本申请实施例提供的一种计算机设备的结构示意图；

图7是根据一示例性实施例示出的一种计算机设备的框图。

通过上述附图，已示出本申请明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本申请构思的范围，而是通过参考特定实施例为本领域技术人员说明本申请的概念。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

需要说明的是，本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。

首先对本申请所涉及的名词进行解释：

CSS预处理器：是一个支持独有的语法来生成CSS的程序，常见的CSS预处理器有Sass、Less、Stylus等，CSS预处理器一般在原生CSS基础上增加混合、嵌套、继承等特性来让CSS的结构更加具有可读性且易于维护。

CSS变量：也称作CSS自定义属性，指由CSS作者定义的，包含的值可以在整个文档中重复使用的变量，增强了CSS的复用性和语义化。

文件系统访问API(Application Programming Interface，应用程序编程接口)：浏览器提供的允许与用户本地文件或具有访问权限的网络文件系统文件进行交互的API，核心功能包括读取文件、写入文件、保存文件以及访问目录结构。

随着互联网技术的飞速发展和互联网应用的快速落地，用户在业务功能方面的需求得到了较大程度的满足。与此同时，每个用户基于自身使用习惯、对美学的不同追求等因素，产生了越来越多的网站皮肤个性化、定制化的需求，因此，用户界面风格成为了一个应用或产品占领市场的重要因素。此时，网站换肤就是满足用户个性化需求的一个重要途径。

目前，常见的网站换肤方式主要是对网站的背景进行深色和浅色的切换，以适应不同的光线条件和用户的喜好。进一步地，随着业务的发展，换肤不再局限于深色和浅色，还能衍生类似于深蓝、深绿、深黄、浅蓝、浅绿、浅黄等主题颜色，使网站的换肤更加多样化。

现有技术中，为了实现上述换肤效果，一个示例中，可以通过CSS预处理器，生成各个主题颜色所对应的CSS文件，并通过CSS选择器，来选择对应的CSS文件实现换肤效果。这种换肤方式，只能提供换肤选项，不能真正做到让用户自定义理想的换肤效果，而且，这种换肤方式依赖于CSS文件，难以修改和维护，在换肤主题颜色较多的情况下，还需要较多的CSS文件，浪费了系统资源。

另一个示例中，可以通过修改网站的CSS变量的变量值，来实现网站换肤的效果，但是，这种换肤方式必须通过改写代码来实现，这就需要想要换肤的用户具备一定的编程基础。或者，也可以通过管理人员在管理端修改网站中的各个CSS变量的配置信息，以改变CSS变量的变量值，来实现网站换肤，这种方式不仅效率低，还增加了工作人员的工作量，进而增大了人力成本和时间成本。

因此，本申请提供的网站换肤方法，旨在解决现有技术的如上技术问题。

下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本申请的实施例进行描述。

图1为本申请实施例提供的一种网站换肤方法的流程示意图，如图1所示，该方法包括：

S101、响应于对网站的换肤指令，获取第一配置文件。

其中，第一配置文件中包括目标变量和目标变量对应的变量值；目标变量表征网站中能够自定义变量值的变量。

一个示例中，网站的换肤指令可以通过点击操作触发，也可以通过语音指令触发等，这里对换肤指令的触发方式不作具体限定，以能实现为准。

一个示例中，第一配置文件所包括的目标变量可以表征网站中的，可供用户自行配置的换肤样式的组件所对应的CSS变量。例如，目标变量可以用于确定网站的主题颜色，此时，可以根据该主题颜色，确定网站的背景展示效果。或者，目标变量还可以用于确定网站的基础颜色，例如，可以用于确定网站中各个元素(例如，网站中的元素可以为输入框、进度条、表格框、弹出框等)的展示效果。

S102、响应于对第一配置文件的打开指令，展示换肤配置界面。

其中，换肤配置界面中展示有目标变量、目标变量的变量值，以及目标变量的变量值的配置信息；配置信息用于配置目标变量的变量值。

一个示例中，换肤配置页面可以表征网站提供的针对第一配置文件的线编辑器，此时，可以通过该在线编辑器，对第一配置文件中的各个目标变量进行编辑操作。

S103、响应于对换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于编辑后的配置信息，确定第二配置文件。

其中，第二配置文件中包括自定义变量值的目标变量。

一个示例中，编辑后的配置信息可以用于确定编辑后的目标变量的变量值，例如，该编辑后的配置信息可以为RGB格式下的数值，也可以为颜色名称(例如，浅红)等。

此时，可以通过第一编辑指令，来确定编辑后的配置信息，并根据该编辑后的配置信息，更改第一配置文件中的目标变量的变量值，得到第二配置文件。此时，第二配置文件可以表征用户自定义的换肤效果。

S104、响应于换肤预览指令，获取第三配置文件，并基于第二配置文件和第三配置文件，生成第四配置文件，以使用户基于第四配置文件查看换肤效果。

其中，第三配置文件中包括网站中不能自定义变量值的变量。

一个示例中，在获取表征网站中不能自定义变量值的变量的第三配置文件之后，可以将第三配置文件和第二配置文件进行合并处理，得到第四配置文件，此时，第四配置文件中包括网站中的变量，此时，可以根据第四配置文件查看网站的皮肤效果。

通过上述描述可知，本申请实施例，可以响应于对网站的换肤指令，获取第一配置文件，其中，第一配置文件中包括网站中能够自定义变量值的目标变量，以及目标变量对应的变量值。此时，可以通过不同的配置文件(也即，上述的第一配置文件和第三配置文件)，将网站中的能够自定义的变量以及不能自定义的变量进行区分，可以减少获取第一配置文件所消耗的系统资源，加快获取速度。之后，可以响应于对第一配置文件的打开指令，展示换肤配置界面，并通过响应于对换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息，以基于编辑后的配置信息，确定第二配置文件，实现了目标变量的变量值的自定义。此时，可以通过换肤配置界面，来简单直观的展示能够自定义的目标变量，并通过对换肤配置界面的第一编辑指令，方便快捷的实现对目标变量的变量值的自定义，达到自定义换肤的效果。这种换肤方式简单易上手，降低了换肤门槛，能够满足不同用户群体的换肤需求，提升用户的换肤体验。之后，可以响应于换肤预览指令，获取第三配置文件，并基于第二配置文件和第三配置文件，生成第四配置文件，以使用户基于第四配置文件查看换肤效果。这种换肤方式，提高了网站换肤的效率，减轻了网站管理人员以及网站主题设计人员的工作压力，还能实现网站皮肤的高度自制，满足了用户的个性化需求。

图2为本申请实施例提供的另一种网站换肤方法的流程示意图，如图2所示，该方法包括：

S201、响应于对网站的换肤指令，遍历本地文件库。

S202、在确定出本地文件库中，不包含与换肤指令相匹配的配置文件的情况下，从网站获取第一配置文件。

一个示例中，可以基于当前浏览器，从网站中下载网站默认的，包含网站中能够自定义变量值的目标变量和目标变量对应的变量值的配置文件，然后，再通过当前浏览器提供的文件系统访问API，读取下载至本地文件库的配置文件，得到第一配置文件。

S203、在确定出本地文件库中，包含与换肤指令相匹配的配置文件的情况下，则从本地文件库中获取第一配置文件。

一个示例中，可以通过当前浏览器提供的文件系统访问API，直接读取本地文件库中的，与换肤指令相匹配的配置文件配置文件，得到第一配置文件。

S204、响应于对第一配置文件的打开指令，展示换肤配置界面。

其中，换肤配置界面中展示有目标变量、目标变量的变量值，以及目标变量的变量值的配置信息；配置信息用于配置目标变量的变量值。

一个示例中，本步骤可以参见上述S102所描述的内容，这里不再详细赘述。

S205、响应于对目标变量的变量值的第一编辑指令，确定与第一编辑指令相对应的信息编辑类型。

其中，信息编辑类型表征对目标变量的变量值进行编辑的编辑方式，例如，该编辑方式可以为以下方式中的任意一种：RGB编辑方式、关键字编辑方式、HSL编辑方式、颜色选择器编辑方式等。其中，关键字编辑方式表征基于用户输入的颜色关键信息，重新设置目标变量的变量值的方式。

S206、在换肤配置界面中，展示与信息编辑类型相匹配的待编辑区域。

一个示例中，假设，信息编辑类型表征对目标变量的变量值进行编辑的编辑方式为RGB编辑方式，此时，与信息编辑类型相匹配的待编辑区域中可以包括3个子编辑区域，这3个子编辑区域，用于编辑RGB中的各个颜色通道。

一个示例中，在展示与信息编辑类型相匹配的待编辑区域之后，还可以展示与该信息编辑类型相匹配的编辑说明信息，其中，该相匹配的编辑说明信息用于对信息编辑类型所表征的编辑方式进行说明的信息，此时，用户可以根据该编辑说明信息的指导，对待编辑区域进行编辑处理。

S207、获取待编辑区域的编辑信息，并基于编辑信息，确定编辑后的配置信息。

此时，编辑后的配置信息可以理解为对目标变量进行自定义之后的变量值。

一个示例中，在获取待编辑区域的编辑信息之后，确定编辑后的配置信息之前，可以对该编辑信息进行校验，以保证编辑信息的准确度。

S208、基于编辑后的配置信息，确定第二配置文件。

其中，第二配置文件中包括自定义变量值的目标变量。

上述实施方式中，可以为用户提供多种编辑方式，以使用户从多种编辑方式中，选择更加合适的编辑方式，例如，可以使用户选择更加熟悉的编辑方式，或者，使用户选择更加准确的编辑方式，来实现对第一配置文件的编辑，以达到网站皮肤的自定义的目的。

S209、响应于换肤预览指令，获取第三配置文件。

其中，第三配置文件中包括网站中的不能自定义变量值的变量。

S210、基于第二配置文件和第三配置文件，生成第四配置文件，以使用户基于第四配置文件查看换肤效果。

一个示例中，基于第二配置文件和第三配置文件，生成第四配置文件，具体包括如下过程。

首先，对第二配置文件和第三配置文件进行颜色统一处理，例如，可以将根据不同编辑方式所确定的编辑后的配置信息，转换为统一样式的颜色表达方式。

之后，再对第二配置文件和第三配置文件进行兼容合并处理，得到第五配置文件。

其中，第五配置文件表征适用于多种浏览器的配置文件；浏览器用于展示网站。

其中，兼容合并处理包括兼容过程和合并过程，其中，兼容过程可以理解为使第二配置文件和第三配置文件，能够与不同版本的浏览器(也即，多种浏览器)进行适配的处理过程。合并过程可以理解为将第二配置文件和第三配置文件中的变量进行合并的过程，从而可以使合并之后的第二配置文件和第三配置文件，能够准确无误的表示网站的皮肤效果。

这种实施方式，可以通过对第二配置文件和第三配置文件进行兼容合并处理，从而可以使第五配置文件能够适用于不同版本的浏览器，使第五配置文件具有通用性，实现了第五配置文件的复用。同时，这种实施方式不需要借助CSS预处理器和编译过程，不仅提高了网站换肤方法的可维护性和可扩展性，还节省了计算资源。

然后，对第五配置文件进行压缩处理后，得到第四配置文件。

此时，可以通过压缩处理，节省存储空间，提高资源利用率。

S211、响应于换肤预览指令，展示与第四配置文件相匹配的皮肤效果。

一个示例中，可以根据第四配置文件，对网站进行渲染，以实现对网站皮肤样式的修改，从而展示与第四配置文件相匹配的皮肤效果。

一个示例中，在展示与第四配置文件相匹配的皮肤效果之后，可以检测用户针对该皮肤效果的触发操作。

一个示例中，在检测到用户针对该皮肤效果的皮肤确认操作之后，可以执行下面S212所描述的步骤。

S212、响应于皮肤确认操作，将第四配置文件保存至服务器中，并将第二配置文件保存至本地文件库中。

这种实施方式，可以在确认网站的皮肤效果之后，可以将该皮肤效果所对应的第四配置文件，保存至服务器中，以使服务器在接收到浏览器的，针对该网站的展示指令之后，根据该第四配置文件，渲染网站，从而展示用户满意的皮肤效果。同时，还可以基于第二配置文件，更新本地文件库中的第一配置文件，从而保留用户的换肤效果，以使用户下一次换肤时，能够基于最新的皮肤效果进行换肤。

一个示例中，在检测到用户针对该皮肤效果的皮肤更改指令之后，则可以执行下面S213～S215所描述的步骤。

S213、响应于皮肤更改指令，展示与第二配置文件相匹配的换肤配置界面。

S214、响应于对换肤配置界面中，目标变量的变量值的第二编辑指令，确定第六配置文件。

S215、基于第六配置文件和第三配置文件，更新第四配置文件。

这种实施方式，可以在用户不满足当前的换肤效果的情况下，继续返回换肤配置界面，继续自定义换肤效果，从而可以通过重复编辑目标变量的变量值的配置信息，以确定出用户最满意的换肤效果。

图3为本申请实施例提供的一种网站换肤方法的应用流程示意图，如图3所示，在检测到用户对浏览器中的应用网站上换肤指令的触发操作之后，先确定本地文件库中是否存在与肤指令相匹配的配置文件。

在确定出本地文件库中存在相匹配的配置文件的情况下，则可以从本地文件库中获取与换肤指令相匹配的第一配置文件。在确定出本地文件库中不在相匹配的配置文件的情况下，则可以从应用网站下载与换肤指令相匹配的配置文件作为第一配置文件，并将下载之后的配置文件保存至本地文件库中。

此时，在从本地文件库中获取第一配置文件时，可以通过文件系统访问API，读取第一配置文件。

之后，可以根据在线编辑器，展示与第一配置文件相匹配的换肤配置界面，之后，可以先响应于用户对换肤配置界面的第一编辑指令，确定编辑后的配置信息，并基于该编辑后的配置信息，确定第二配置文件。

在第二配置文件修改完成后，可以对编辑后的配置信息进行校验，并在校验无误之后，保存第二配置文件。

此时，可以响应于用户触发的换肤预览指令，获取第三配置文件，并将第二配置文件和第三配置文件，进行颜色样式统一、浏览器兼容处理、变量合并、文件压缩等处理之后，生成第四配置文件。

此时，可以基于第四配置文件展示与第二配置文件相匹配的皮肤效果(也即，换肤效果)。

之后，可以检测用户针对该皮肤效果的触发操作，并根据用户针对该皮肤效果的触发操作，来确定用户是否满意该皮肤效果。

在检测到皮肤确认操作之后，可以确定用户满意该换肤效果，此时，可以将该皮肤效果所对应的第四配置文件，保存至服务器中，并根据第二配置文件，更新本地文件库中的第一配置文件，完成网站换肤。

在检测到皮肤更改指令之后，可以确定用户不满意该换肤效果，此时，可以返回换肤配置页面，重新修改配置文件，直到用户满意换肤效果为止。

本领域技术人员可以理解，在具体实施方式的上述方法中，各步骤的撰写顺序并不意味着严格的执行顺序而对实施过程构成任何限定，各步骤的具体执行顺序应当以其功能和可能的内在逻辑确定。

图4为本申请实施例提供的一种网站换肤装置的结构示意图，如图4所示，该网站换肤装置400包括：

获取单元401，用于响应于对网站的换肤指令，获取第一配置文件；其中，第一配置文件中包括目标变量和目标变量对应的变量值；目标变量表征网站中能够自定义变量值的变量。

展示单元402，用于响应于对第一配置文件的打开指令，展示换肤配置界面；其中，换肤配置界面中展示有目标变量、目标变量的变量值，以及目标变量的变量值的配置信息；配置信息用于配置目标变量的变量值。

确定单元403，用于响应于对换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于编辑后的配置信息，确定第二配置文件；其中，第二配置文件中包括自定义变量值的目标变量。

生成单元404，用于响应于换肤预览指令，获取第三配置文件，并基于第二配置文件和第三配置文件，生成第四配置文件，以使用户基于第四配置文件查看换肤效果；其中，第三配置文件中包括网站中的不能自定义变量值的变量。

图5为本申请实施例提供的另一种网站换肤装置的结构示意图，如图5所示，该网站换肤装置500包括：

获取单元501，用于响应于对网站的换肤指令，获取第一配置文件；其中，第一配置文件中包括目标变量和目标变量对应的变量值；目标变量表征网站中能够自定义变量值的变量。

展示单元502，用于响应于对第一配置文件的打开指令，展示换肤配置界面；其中，换肤配置界面中展示有目标变量、目标变量的变量值，以及目标变量的变量值的配置信息；配置信息用于配置目标变量的变量值。

确定单元503，用于响应于对换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于编辑后的配置信息，确定第二配置文件；其中，第二配置文件中包括自定义变量值的目标变量。

生成单元504，用于响应于换肤预览指令，获取第三配置文件，并基于第二配置文件和第三配置文件，生成第四配置文件，以使用户基于第四配置文件查看换肤效果；其中，第三配置文件中包括网站中的不能自定义变量值的变量。

一个示例中，获取单元501，用于：

响应于对网站的换肤指令，遍历本地文件库；

在确定出本地文件库中，不包含与换肤指令相匹配的配置文件的情况下，从网站获取第一配置文件。

一个示例中，确定单元503，用于：

响应于对目标变量的变量值的第一编辑指令，确定与第一编辑指令相对应的信息编辑类型；其中，信息编辑类型表征对目标变量的变量值进行编辑的编辑方式；

在换肤配置界面中，展示与信息编辑类型相匹配的待编辑区域；

获取待编辑区域的编辑信息，并基于编辑信息，确定编辑后的配置信息。

一个示例中，生成单元504，用于：

对第二配置文件和第三配置文件进行兼容合并处理，得到第五配置文件；其中，第五配置文件表征适用于多种浏览器的配置文件；浏览器用于展示网站；

对第五配置文件进行压缩处理后，得到第四配置文件。

一个示例中，该装置还包括：

展示单元505，用于在生成第四配置文件之后，响应于换肤预览指令，展示与第四配置文件相匹配的皮肤效果。

一个示例中，该装置还包括：

换肤确认单元506，用于响应于皮肤确认操作，将第四配置文件保存至服务器中，并将第二配置文件保存至本地文件库中。

一个示例中，该装置还包括：

换肤更改单元507，用于在展示与第四配置文件相匹配的皮肤效果之后，响应于皮肤更改指令，展示与第二配置文件相匹配的换肤配置界面；

响应于对换肤配置界面中，目标变量的变量值的第二编辑指令，确定第六配置文件；

基于第六配置文件和第三配置文件，更新第四配置文件。

图6为本申请实施例提供的一种计算机设备的结构示意图，如图6所示，计算机设备600包括：存储器601，处理器602。

存储器601；用于存储处理器602可执行指令的存储器。

其中，处理器602被配置为执行如上述实施例提供的方法。

计算机设备还包括接收器603和发送器604。接收器603用于接收外部设备发送的指令和数据，发送器604用于向外部设备发送指令和数据。

图7是根据一示例性实施例示出的一种计算机设备的框图，该设备可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

装置700可以包括以下一个或多个组件：处理组件702，存储器704，电源组件706，多媒体组件708，音频组件710，输入/输出(I/O)接口712，传感器组件714，以及通信组件716。

处理组件702通常控制装置700的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件702可以包括一个或多个模块，便于处理组件702和其他组件之间的交互。例如，处理组件702可以包括多媒体模块，以方便多媒体组件708和处理组件702之间的交互。

存储器704被配置为存储各种类型的数据以支持在装置700的操作。这些数据的示例包括用于在装置700上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件706为装置700的各种组件提供电力。电源组件706可以包括电源管理系统，一个或多个电源，及其他与为装置700生成、管理和分配电力相关联的组件。

多媒体组件708包括在装置700和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件708包括一个前置摄像头和/或后置摄像头。当装置700处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件710被配置为输出和/或输入音频信号。例如，音频组件710包括一个麦克风(MIC)，当装置700处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中，音频组件710还包括一个扬声器，用于输出音频信号。

I/O接口712为处理组件702和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件714包括一个或多个传感器，用于为装置700提供各个方面的状态评估。例如，传感器组件714可以检测到装置700的打开/关闭状态，组件的相对定位，例如组件为装置700的显示器和小键盘，传感器组件714还可以检测装置700或装置700一个组件的位置改变，用户与装置700接触的存在或不存在，装置700方位或加速/减速和装置700的温度变化。传感器组件714可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件714还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件716被配置为便于装置700和其他设备之间有线或无线方式的通信。装置700可以接入基于通信标准的无线网络，如WiFi，2G，3G，4G或5G，或它们的组合。在一个示例性实施例中，通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，通信组件716还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置700可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机执行指令，该计算机执行指令被处理器运行时执行上述方法实施例中的网站换肤方法的步骤。其中，该存储介质可以是易失性或非易失的计算机可读取存储介质。

本申请实施例还提供一种计算机程序产品，该计算机程序产品承载有计算机执行指令，计算机执行指令包括的指令可用于执行上述方法实施例中的网站换肤方法的步骤，具体可参见上述方法实施例，在此不再赘述。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求书指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。

Claims (10)

1.一种网站换肤方法，其特征在于，包括：

响应于对网站的换肤指令，获取第一配置文件；其中，所述第一配置文件中包括目标变量和目标变量对应的变量值；所述目标变量表征所述网站中能够自定义变量值的变量；

响应于对所述第一配置文件的打开指令，展示换肤配置界面；其中，所述换肤配置界面中展示有所述目标变量、所述目标变量的变量值，以及所述目标变量的变量值的配置信息；所述配置信息用于配置所述目标变量的变量值；

响应于对所述换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于所述编辑后的配置信息，确定第二配置文件；其中，所述第二配置文件中包括自定义变量值的目标变量；

响应于换肤预览指令，获取第三配置文件，并基于所述第二配置文件和所述第三配置文件，生成第四配置文件，以使用户基于所述第四配置文件查看换肤效果；其中，所述第三配置文件中包括所述网站中的不能自定义变量值的变量。

2.根据权利要求1所述的方法，其特征在于，所述响应于对网站的换肤指令，获取第一配置文件，包括：

响应于对网站的换肤指令，遍历本地文件库；

在确定出所述本地文件库中，不包含与所述换肤指令相匹配的配置文件的情况下，从所述网站获取所述第一配置文件。

3.根据权利要求1所述的方法，其特征在于，所述响应于对所述目标变量的变量值的第一编辑指令，确定编辑后的配置信息，包括：

响应于对所述目标变量的变量值的第一编辑指令，确定与所述第一编辑指令相对应的信息编辑类型；其中，所述信息编辑类型表征对所述目标变量的变量值进行编辑的编辑方式；

在所述换肤配置界面中，展示与所述信息编辑类型相匹配的待编辑区域；

获取所述待编辑区域的编辑信息，并基于所述编辑信息，确定所述编辑后的配置信息。

4.根据权利要求1所述的方法，其特征在于，所述基于所述第二配置文件和所述第三配置文件，生成第四配置文件，包括：

对所述第二配置文件和所述第三配置文件进行兼容合并处理，得到第五配置文件；其中，所述第五配置文件表征适用于多种浏览器的配置文件；所述浏览器用于展示所述网站；

对所述第五配置文件进行压缩处理后，得到所述第四配置文件。

5.根据权利要求1-4中任一项所述的方法，其特征在于，在生成第四配置文件之后，所述方法还包括：

响应于换肤预览指令，展示与所述第四配置文件相匹配的皮肤效果。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

响应于皮肤确认操作，将所述第四配置文件保存至服务器中，并将所述第二配置文件保存至本地文件库中。

7.根据权利要求5所述的方法，其特征在于，在展示与所述第四配置文件相匹配的皮肤效果之后，所述方法还包括：

响应于皮肤更改指令，展示与所述第二配置文件相匹配的换肤配置界面；

响应于对所述换肤配置界面中，目标变量的变量值的第二编辑指令，确定第六配置文件；

基于所述第六配置文件和所述第三配置文件，更新所述第四配置文件。

8.一种网站换肤装置，其特征在于，包括：

获取单元，用于响应于对网站的换肤指令，获取第一配置文件；其中，所述第一配置文件中包括目标变量和目标变量对应的变量值；所述目标变量表征所述网站中能够自定义变量值的变量；

展示单元，用于响应于对所述第一配置文件的打开指令，展示换肤配置界面；其中，所述换肤配置界面中展示有所述目标变量、所述目标变量的变量值，以及所述目标变量的变量值的配置信息；所述配置信息用于配置所述目标变量的变量值；

确定单元，用于响应于对所述换肤配置界面中的目标变量的变量值的第一编辑指令，确定编辑后的配置信息；并基于所述编辑后的配置信息，确定第二配置文件；其中，所述第二配置文件中包括自定义变量值的目标变量；

生成单元，用于响应于换肤预览指令，获取第三配置文件，并基于所述第二配置文件和所述第三配置文件，生成第四配置文件，以使用户基于所述第四配置文件查看换肤效果；其中，所述第三配置文件中包括所述网站中的不能自定义变量值的变量。

9.一种计算机设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1至7中任一项所述的网站换肤方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1至7任一项所述的网站换肤方法。