客户端换肤方法、装置、电子设备及计算机可读存储介质制造方法及图纸

本发明专利技术公开了一种客户端换肤方法、装置、电子设备及计算机可读存储介质。该方法包括：使用CSS语言描述客户端不同类型的展示样式，并对不同类型的展示样式设置层叠样式优先级；根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名；根据添加了所述换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与展示样式进行匹配；以及根据匹配结果以及层叠样式优先级加载对应的展示样式。本发明专利技术可以节省网络开销、避免换肤失败以及提升用户体验。

Client skin changing method, device, electronic equipment and computer readable storage medium

【技术实现步骤摘要】
客户端换肤方法、装置、电子设备及计算机可读存储介质
本专利技术涉及软件
，尤其涉及一种客户端换肤的方法、装置。
技术介绍
现有技术中，客户端实现换肤功能主要是通过加载不同的CSS样式文件来实现，CSS为前端编程中一种客户端页面展示样式的描述语言。比如，某系统要支持三种风格的样式展示，研发人员在开发某系统时，为该系统写好三套不同的样式文件A、B、C。其中，客户端指定默认的样式文件A，当客户端第一次加载时，客户端加载的是默认样式A的内容，当用户点击换肤后，若想换成样式文件B对应的风格样式，则客户端会向服务器发送加载样式文件B的请求，当样式文件B加载完成之后，客户端就利用样式文件B的内容来渲染页面。但是，这样的操作方式，每次换肤客户端都需要重新从服务器上加载新的样式文件，因此增加了额外的网络开销。同时，由于增加了http请求，客户端换肤时长依赖于网络，不能实现瞬间切换。此外，当遇到网络抖动时还有可能出现换肤失败的情况，极大地影响了用户的使用体验。
技术实现思路
本专利技术的目的在于提供一种客户端换肤方法、装置、电子设备及计算机可读存储介质，以节省网络开销，避免换肤失败及提升用户使用体验。根据本专利技术的第一方面，提供了一种客户端换肤方法，此客户端换肤方法包括以下步骤：使用CSS语言描述客户端不同类型的展示样式，并对不同类型的展示样式设置层叠样式优先级；根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名；根据添加了所述换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及根据匹配结果以及层叠样式优先级加载对应的展示样式。优选地，不同类型的展示样式以CSS样式名的形式记录在CSS样式表中、优选地，通过设置根元素的class属性添加换肤请求对应的页面展示样式名，其中使用客户端JavaScript语言添加换肤请求对应的页面展示样式名。优选地，当客户端加载默认的展示样式时，客户端HTML内容根元素不添加页面展示样式名。优选地，设置层叠样式优先级的最低优选级对应默认的展示样式。根据本专利技术的第二方面，提供了一种客户端换肤装置，客户端换肤装置包括描述模块、设置模块、添加模块、匹配模块以及加载模块。描述模块使用CSS语言描述客户端不同类型的展示样式，设置模块对不同类型的展示样式设置层叠样式优先级，添加模块根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名，匹配模块将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配，以及加载模块根据匹配结果以及层叠样式优先级加载对应的展示样式。优选地，描述模块将不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。优选地，添加模块通过设置根元素的class属性添加换肤请求对应的页面展示样式名。优选地，当客户端加载默认的展示样式时，添加模块在客户端HTML内容根元素不添加页面展示样式名。其中，添加模块使用客户端JavaScript语言添加换肤请求对应的页面展示样式名。优选地，设置模块设置层叠样式优先级的最低优选级对应默认的展示样式。根据本专利技术的第三方面，提供了一种电子设备，此电子设备包括：根据本专利技术第二方面所述的客户端换肤装置；或者，处理器和存储器，存储器用于存储可执行的指令，所述指令用于控制处理器执行根据本专利技术第一方面所述的客户端换肤方法。根据本专利技术的第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序在被处理器执行时实现根据本专利技术第一方面所述的客户端换肤方法。根据本专利技术实施例的客户端换肤方法、装置、电子设备及计算机可读存储介质，在客户端使用CSS语言描述客户端页面不同类型的展示样式，对其设置层叠样式优先级。收到用户换肤请求时，在客户端HTML内容根元素添加换肤请求对应的换肤样式名，然后进行换肤样式匹配及层叠样式优先级选择，从而加载对应的换肤请求的展示样式。如此，所有的操作均在客户端完成，不发送网络请求，不仅解决了换肤时依赖发送http请求来实现换肤的问题，还可以实现换肤时能达到瞬间切换，避免出现换肤失败的可能，同时还减少了网络流量开销，提升用户体验。通过以下参照附图对本专利技术的示例性实施例的详细描述，本专利技术的其它特征及其优点将会变得清楚。附图说明被结合在说明书中并构成说明书的一部分的附图示出了本专利技术的实施例，并且连同其说明一起用于解释本专利技术的原理。图1为本专利技术实施例的客户端换肤装置的硬件配置结构方框图。图2为本专利技术实施例的客户端换肤装置的具体结构方框图。图3为本专利技术实施例的展示样式设置的代码示例图。图4为本专利技术第一实施例的展示样式及层叠优先级设置的部分代码示意图。图5为本专利技术第二实施例的展示样式及层叠优先级设置的代码示意图。图6为本专利技术实施例的HTML内容根元素添加换肤请求对应的换肤样式名的代码示意图。图7为本专利技术实施例的客户端换肤装置方法步骤流程图。图8为本专利技术实施例的电子设备的结构方框图。具体实施方式现在将参照附图来详细描述本专利技术的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本专利技术的范围。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本专利技术及其应用或使用的任何限制。对于相关领域普通技术人物已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。在这里示出和讨论的所有例子中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它例子可以具有不同的值。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。根据本专利技术的一个实施例，提供了一种客户端换肤装置。首先，关于本专利技术实施例的客户端换肤装置1的硬件配置说明如下：本专利技术实施例的客户端换肤装置1可以是便携式电脑、台式计算机、手机、平板电脑等。如图1所示，客户端换肤装置1可以包括处理器1100、存储器1200、接口装置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、麦克风1800等等。其中，处理器1100可以是中央处理器CPU、微处理器MCU等。存储器1200例如包括ROM(只读存储器)、RAM(随机存取存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB接口、耳机接口等。通信装置1400例如能够进行有线或无线通信，具体地可以包括WiFi通信、蓝牙通信、2G/3G/4G/5G通信等。显示装置1500例如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以本文档来自技高网...

【技术保护点】
1.一种客户端换肤方法，其中，所述客户端换肤方法包括以下步骤：/n使用CSS语言描述客户端不同类型的展示样式，并对所述不同类型的展示样式设置层叠样式优先级；/n根据用户选择的换肤请求，在客户端HTML内容根元素添加所述换肤请求对应的页面展示样式名；/n根据所述添加了所述换肤请求对应的页面展示样式名的根元素，将所述换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及/n根据匹配结果以及所述层叠样式优先级加载对应的展示样式。/n

【技术特征摘要】
1.一种客户端换肤方法，其中，所述客户端换肤方法包括以下步骤：
使用CSS语言描述客户端不同类型的展示样式，并对所述不同类型的展示样式设置层叠样式优先级；
根据用户选择的换肤请求，在客户端HTML内容根元素添加所述换肤请求对应的页面展示样式名；
根据所述添加了所述换肤请求对应的页面展示样式名的根元素，将所述换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及
根据匹配结果以及所述层叠样式优先级加载对应的展示样式。


2.根据权利要求1所述的客户端换肤方法，其中，所述不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。


3.根据权利要求1所述的客户端换肤方法，其中，通过设置所述根元素的class属性添加所述换肤请求对应的页面展示样式名。


4.根据权利要求1所述的客户端换肤方法，其中，当客户端加载默认的展示样式时，所述客户端HTML内容根元素不添加页面展示样式名。


5.根据权利要求1所述的客户端换肤方法，其中，使用客户端JavaScript语言添加所述换肤请求对应的页面展示样式名。


6.根据权利要求1所述的客户端换肤方法，其中，设置所述层叠样式优先级的最低优选级对应默认的展示样式。


7.一种客户端换肤装置，其中，所述客户端换肤装置包括：
描述模块，所述描述模块使用CSS语言描述客户端不同类型的展示样式；
设置模块，所述设置模块对所述不同类型的展示样式设置层叠样式优先级；
添加模块，所述添加模块根据用户选择的换肤请求，在客户端HTML内容根元素添...

【专利技术属性】
技术研发人员：钟望，
申请(专利权)人：北京金山云网络技术有限公司，北京金山云科技有限公司，
类型：发明
国别省市：北京;11