[发明专利]页面主题控制方法、系统和计算机设备

说明书

本发明涉及区块链技术，提供了一种页面主题控制方法，方法包括：接收用户针对目标页面的换肤指令；通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件；将所述当前CSS文件的当前CSS值替换为当前关键词；根据所述换肤指令确定目标主题颜色，并根据所述目标主题颜色生成与目标主题颜色对应的其他属性信息；将所述其他属性信息与所述当前关键词进行替换操作，以得到目标CSS文件；及将所述目标CSS文件添加到所述目标页面中，以将所述目标页面更新为与目标主题颜色对应的目标皮肤。其中，相关信息可存储于区块链节点中。本发明实现目标页面皮肤的更新，降低了加载成本、减少了换肤加载时间，提高了换肤效率。

技术领域

本发明涉及人工智能的网页开发领域，尤其涉及一种页面主题控制方法、系统、计算机设备及计算机可读存储介质。

背景技术

在网页开发的过程当中，为了使网页的界面更加符合人们的审美习惯和需求，一般会配置多套界面皮肤，以供用户更换。目前网页界面皮肤的更换通常是通过class命名空间的方式或者预先配置多套CSS主题皮肤的方式来更换页面皮肤，但是这样随着目前网页界面皮肤的增多，而使得手动编写的CSS增多；很显然这种方式十分笨拙，且拓展性并不高，另外，这种换肤方式会使得加载的成本变高，当网页界面皮肤较多时，切换网页界面皮肤的时候下载需要花费的时间增加，皮肤更换效率低。

因此，如何在网页界面皮肤较多时，降低换肤的加载成本和所需时间，从而进一步提高换肤的效率，成为了当前要解决的技术问题之一。

发明内容

有鉴于此，有必要提供一种页面主题控制方法、系统、计算机设备及计算机可读存储介质，以解决当前换肤方式会使得加载的成本变高，当网页界面皮肤较多时，切换网页界面皮肤的时候下载需要花费的时间增加，皮肤更换效率低的技术问题。

为实现上述目的，本发明实施例提供了一种页面主题控制方法，所述方法步骤包括：

接收用户针对目标页面的换肤指令；

通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件；

将所述当前CSS文件的当前CSS值替换为当前关键词；

根据所述换肤指令确定目标主题颜色，并根据所述目标主题颜色生成与目标主题颜色对应的其他属性信息，所述其他属性信息包括颜色样式信息、字体样式信息和间距样式信息，其中，所述目标主题颜色对应的其他属性信息为预先配置的；

将所述其他属性信息与所述当前关键词进行替换操作，以得到目标CSS文件；及

将所述目标CSS文件添加到所述目标页面中，以将所述目标页面更新为与目标主题颜色对应的目标皮肤。

示例性的，所述通过预先配置的Javascript文件获取所述目标页面的当前主题对应的当前CSS文件，包括：

通过所述Javascript文件获取所述目标页面的HTML文件；

遍历所述HTML文件中的各个元素节点，以确定所述HTML文件中的当前style标签；及

根据所述当前style标签确定所述当前CSS文件。

示例性的，所述将所述当前CSS文件的当前CSS值替换为当前关键词，包括：

根据CSS值与关键词之间预先配置的映射关系，将所述当前CSS文件的当前CSS值替换为当前关键词。

示例性的，还包括：预先配置当前CSS与关键词之间的映射关系：

预先获取多个CSS值；

对所述多个CSS值进行分类和命名，根据所述分类和命名结果配置关键词，所述关键词用于匹配对应的CSS值；