[发明专利]客户端换肤方法、装置、电子设备及计算机可读存储介质

说明书

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

技术领域

本发明涉及软件技术领域，尤其涉及一种客户端换肤的方法、装置。

背景技术

现有技术中，客户端实现换肤功能主要是通过加载不同的CSS样式文件来实现，CSS为前端编程中一种客户端页面展示样式的描述语言。

比如，某系统要支持三种风格的样式展示，研发人员在开发某系统时，为该系统写好三套不同的样式文件A、B、C。其中，客户端指定默认的样式文件A，当客户端第一次加载时，客户端加载的是默认样式A的内容，

当用户点击换肤后，若想换成样式文件B对应的风格样式，则客户端会向服务器发送加载样式文件B的请求，当样式文件B加载完成之后，客户端就利用样式文件B的内容来渲染页面。

但是，这样的操作方式，每次换肤客户端都需要重新从服务器上加载新的样式文件，因此增加了额外的网络开销。

同时，由于增加了http请求，客户端换肤时长依赖于网络，不能实现瞬间切换。此外，当遇到网络抖动时还有可能出现换肤失败的情况，极大地影响了用户的使用体验。

发明内容

本发明的目的在于提供一种客户端换肤方法、装置、电子设备及计算机可读存储介质，以节省网络开销，避免换肤失败及提升用户使用体验。

根据本发明的第一方面，提供了一种客户端换肤方法，此客户端换肤方法包括以下步骤：

使用CSS语言描述客户端不同类型的展示样式，并对不同类型的展示样式设置层叠样式优先级；

根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名；

根据添加了所述换肤请求对应的页面展示样式名的根元素，将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配；以及

根据匹配结果以及层叠样式优先级加载对应的展示样式。

优选地，不同类型的展示样式以CSS样式名的形式记录在CSS样式表中、

优选地，通过设置根元素的class属性添加换肤请求对应的页面展示样式名，其中使用客户端JavaScript语言添加换肤请求对应的页面展示样式名。

优选地，当客户端加载默认的展示样式时，客户端HTML内容根元素不添加页面展示样式名。

优选地，设置层叠样式优先级的最低优选级对应默认的展示样式。

根据本发明的第二方面，提供了一种客户端换肤装置，客户端换肤装置包括描述模块、设置模块、添加模块、匹配模块以及加载模块。描述模块使用CSS语言描述客户端不同类型的展示样式，设置模块对不同类型的展示样式设置层叠样式优先级，添加模块根据用户选择的换肤请求，在客户端HTML内容根元素添加换肤请求对应的页面展示样式名，匹配模块将换肤请求对应的页面展示样式名与不同类型的展示样式进行匹配，以及加载模块根据匹配结果以及层叠样式优先级加载对应的展示样式。

优选地，描述模块将不同类型的展示样式以CSS样式名的形式记录在CSS样式表中。

优选地，添加模块通过设置根元素的class属性添加换肤请求对应的页面展示样式名。