[发明专利]页面样式切换方法、装置、计算机设备及存储介质

说明书

本发明公开了一种页面样式切换方法、装置、计算机设备及存储介质。该方法包括：接收目标页面的样式切换指令；获取样式切换指令对应的待调整的目标页面元素和目标页面元素对应的调整后的样式数据标识；在目标页面的页面显示代码中，将目标语句中记录的目标页面元素对应的当前的样式数据标识，调整为调整后的样式数据标识，得到样式切换后的页面显示代码，目标语句包括用于指示目标页面元素对应样式的属性标识语句；基于样式切换后的页面显示代码，重新加载目标页面。本发明的实施例通过内联样式的属性标识语句来标记表示页面元素的样式，当触发页面元素样式切换时，直接修改对应属性标识语句中的样式数据标识，提高了页面元素样式的切换效率。

技术领域

本发明涉及计算机技术领域，特别涉及一种页面样式切换方法、装置、计算机设备及存储介质。

背景技术

在很多的页面中都提供了页面样式切换的功能，即在页面中提供多种页面样式选项供用户进行选择，当用户选择某个页面样式后，在不改变页面内容的前提下，将页面当前的样式切换为用户所选择的某个页面样式，比如对页面背景颜色的切换、图标的切换以及操作组件位置的切换等。

目前，可以将网页元素的样式数据直接写入该页面元素对应的代码中，在对页面进行样式切换时，对页面元素的页面代码中的样式数据进行修改，重新加载页面元素。

但是，上述的页面样式切换方案中，由于页面元素的页面代码存在长度限制，无法将全部的样式数据都写入到页面元素对应的页面代码中，导致这种方案所能应用的范围较小。

发明内容

本发明实施例提供了一种页面样式切换方法、装置、计算机设备及存储介质，能够解决现有技术中页面样式切换方法应用范围较小的问题。该技术方案如下：

一方面，提供了一种页面样式切换方法，该方法包括：

接收目标页面的显示属性切换指令；

获取显示属性切换指令对应的待调整的目标页面元素和目标页面元素对应的调整后的样式数据标识；

在目标页面的页面显示代码中，将目标语句中记录的目标页面元素对应的当前的样式数据标识，调整为调整后的样式数据标识，得到样式切换后的目标页面元素的显示代码，目标语句包括用于指示目标页面元素对应样式的属性标识语句；

基于样式切换后的目标页面元素的显示代码，重新加载目标页面元素。

在本发明的一个实施例中，上述目标页面元素对应的调整后的样式数据标识，包括目标页面元素的多种显示属性对应的调整后的样式数据标识；

在目标页面的页面显示代码中，将目标语句中记录的目标页面元素对应的当前的样式数据标识，调整为调整后的样式数据标识，得到样式切换后的目标页面元素的显示代码，包括：

在目标页面的页面显示代码中，将目标语句中记录的目标页面元素的多种显示属性对应的当前的样式数据标识，分别调整为多种显示属性对应的调整后的样式数据标识，得到样式切换后的目标页面元素的显示代码。

在本发明的一个实施例中，上述多种显示属性包括文字颜色显示属性、背景颜色显示属性、边框颜色显示属性、悬浮状态的颜色显示属性、点击状态的颜色显示属性以及图标显示属性。

在本发明的一个实施例中，上述基于样式切换后的目标页面元素的显示代码，重新加载目标页面元素，包括：

基于样式切换后的目标页面元素的显示代码中调整后的样式数据标识，在目标页面的页面代码中，获取调整后的样式数据标识对应的样式数据；

基于获取的样式数据，重新加载目标页面元素。

一方面，提供了一种页面样式切换装置，该装置包括：

接收模块，用于接收目标页面的显示属性切换指令；