CN110502308A - 页面样式切换方法、装置、计算机设备及存储介质 - Google Patents

Abstract

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

Description

页面样式切换方法、装置、计算机设备及存储介质

技术领域

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

背景技术

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

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在本发明的一个实施例中，目标页面元素对应的调整后的样式数据标识，包括目标页面元素的多种显示属性对应的调整后的样式数据标识；上述调整模块用于：在目标页面的页面显示代码中，将目标语句中记录的目标页面元素的多种显示属性对应的当前的样式数据标识，分别调整为多种显示属性对应的调整后的样式数据标识，得到样式切换后的目标页面元素的显示代码。

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

在本发明的一个实施例中，上述加载模块用于：

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

一方面，提供了一种计算机设备，该计算机设备包括一个或多个处理器和一个或多个存储器，该一个或多个存储器中存储有至少一条指令，该至少一条指令由该一个或多个处理器加载并执行以实现如上述任一种可能实现方式的页面样式切换方法所执行的操作。

一方面，提供了一种计算机可读存储介质，该存储介质中存储有至少一条指令，该至少一条指令由处理器加载并执行以实现如上述任一种可能实现方式的页面样式切换方法所执行的操作。

本发明实施例提供的技术方案带来的有益效果至少包括：

本发明的实施例通过内联延时的属性标识语句表示页面元素的样式，当触发页面样式切换时，直接更改属性标识语句中的样式数据标识，提高了页面元素样式的切换效率。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种页面样式切换方法的流程示意图；

图2是本发明实施例提供的一种页面样式切换的示意图；

图3是本发明实施例提供的一种页面样式切换装置的示意图；

图4是本发明实施例提供的终端的结构框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

需要说明的是，以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

某些特定场景内，比如页面样式切换场景中，页面中每个页面元素的样式数据可以直接写入在页面元素的代码中，还可以通过class语句绑定对应的样式数据文件；当用户触发页面样式切换时，将页面元素中的样式信息修改为需要切换的样式数据，或将class语句绑定对应的样式数据文件替换为需要切换的样式数据文件，最后重新加载页面，完成页面样式切换。但是，直接页面元素中所能写入的样式数据存在限制，不可能把所有的样式数据都写入到页面元素的代码中，而通过class语句绑定对应的样式数据文件的方式，由于class语句在页面加载过程中的优先级较低，会有一定几率导致页面元素无法正常切换对应的样式数据文件，因此，如何提高了页面元素样式的切换效率成为了目前需要解决的问题。为了解决上述问题，可以通过内联样式语句对页面元素中各样式的属性进行标记，当进行页面样式切换时，直接修改各样式的属性所对应的样式数据，实现高效地切换页面的样式，图1是本发明实施例提供的一种页面样式切换方法的示意图。该方法可以应用于任一计算机设备，该计算机设备可以是终端，终端可以是智能手机、平板电脑、笔记本电脑或台式电脑等。参见图1，该实施例包括：

101、接收目标页面的显示属性切换指令。

在本发明的一个实施例中，上述显示属性切换指令可以通过用户在终端上所展示的目标页面中点击某一个样式切换的选项后，所触发获得，其中，目标页面可以是终端上应用程序内所提供的一个内嵌页面，该内嵌页面可以是基于应用超文本标记语言(HTML，Hyper Text Markup Language)5.0生成。

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

在本发明的一个实施例中，通过目标页面元素中引入的样式切换控制脚本获取显示属性切换指令对应的待调整的目标页面元素和目标页面元素对应的调整后的样式数据标识，其中，样式切换控制脚本具体可以通过JavaScript语言实现调用。

例如，上述样式切换控制脚本可以通过以下代码实现：

在本发明的一个实施例中，针对于每一个页面元素，可以在其显示代码中引入多个样式切换控制脚本，不同的样式切换控制脚本实现不同的样式切换功能。

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

在本发明的一个实施例中，目标页面的每个页面元素均通过对应的页面显示代码实现在目标页面中以预定的样式显示页面元素，其中，页面元素可以包括：文字、图片、音频、动画、视频等。

在本发明的一个实施例中，目标页面元素对应的当前的样式数据标识包括目标页面元素的多种样式数据对应的当前的样式数据标识，具体的，在一个页面元素中可以包括多种样式数据对应的样式数据标识，该样式数据可以是页面元素的颜色、图标等，相应的，样式数据标识可以是文字颜色所对应的颜色标识、背景颜色所对应的颜色标识、边框颜色所对应的颜色标识，图标所对应的标识等。

在本发明的一个实施例中，目标页面元素对应的调整后的样式数据标识，包括目标页面元素的多种显示属性对应的调整后的样式数据标识，其中，针对于页面元素的多种显示属性，通过对应的属性标识语句以内联样式的方式将页面元素的多种显示属性进行表示，以便后续针对于不同显示属性的页面元素的样式数据标识进行替换。

在本发明的一个实施例中，目标语句可以是符合HTML5标准的语句，在该目标语句中通过代码对对应的页面元素进行描述，定义该页面元素在目标页面中的显示样式，具体的，通过属性标识语句在目标页面元素的显示代码中声明出各显示属性的样式数据标识，该属性标识语句可以包括文字颜色显示属性、背景颜色显示属性、边框颜色显示属性、悬浮状态的颜色显示属性、点击状态的颜色显示属性图标显示属性等，以及与各显示属性相对应的样式数据，其中，具体的属性标识语句可以根据实际需求自由设定，这里不做限定。

在本发明的一个实施例中，通过调整以属性标识语句标识出的样式数据标识，实现对对应页面元素的样式切换，具体的，可以在目标页面元素的代码中引入样式切换控制脚本，该样式切换控制脚本通过JavaScript语句实现用户目标页面元素的内联样式，保证了在页面重新加载过程中该页面元素节点在页面中显示的优先级。

例如，例如，上述将目标语句中记录的目标页面元素对应的当前的样式数据标识，调整为调整后的样式数据标识可以通过以下代码实现：

在上述代码中，当页面元素的显示属性切换指令为将页面元素的背景颜色从白色BG_W：’#ccc’切换为红色BG_R：’red’时，<script src＝“样式切换控制脚本文件名.js”></script>将theme-bg＝“BG_W”语句中的“BG_W”调整为“BG_R”，其中，theme-bg中所记录的样式数据可以直接从页面设计文件中直接获取，当触发页面样式切换时，直接从theme-bg中获取目标样式数据，不需要对现有页面的显示代码做任何修改，提高了页面切换的效率。

在一种可能的实现方式中，当页面元素是目标页面中的图标时，通过将图标的标识数据以内联html的方式注入到页面元素的显示代码中，例如：将图标预处理成图标的标识数据，并以公共js文件名的目标语句注入至显示代码中，实现对图标的切换。

上述针对于图标的切换流程与前述的对页面元素的背景颜色切换的流程相同，这里不再赘述。

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

在本发明的一个实施例中，基于样式切换后的目标页面元素的显示代码中调整后的样式数据标识，在目标页面的页面代码中，获取调整后的样式数据标识对应的样式数据；基于获取的样式数据，重新加载目标页面元素。

在本发明的一个实施例中，在重新加载目标页面元素时，可以通过样式切换控制脚本获取样式数据标识所对应的样式数据，基于该样式数据配置目标页面元素，实现页面元素样式的切换。

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

图2是本发明实施例提供的一种页面样式切换的示意图，参照图2所示，示出了对用户终端安装的某应用界面中显示的页面进行样式切换的具体流程，具体包括：在设计该页面的过程中，将每个页面元素的显示代码中，写入内联样式的代码，其中，针对于每一种样式的显示属性对应一个内联样式的代码，比如，对于页面元素1，其在页面上显示的内容是“aaaaa”和“aaaaa”的边框，那么，可以在该页面元素1中的显示代码中分别写入两个内联样式的代码，一个用于标识“aaaaa”的字体样式：Theme_Font＝“字体样式数据标识1”，另一个用于标识“aaaaa”的边框的形状样式：Theme_Font Shape＝“边框样式数据标识1”；当用户通过样式选项选择了样式2后，客户端接收该页面的显示属性切换指令，并获取该显示属性切换指令所对应的页面元素1、2、3、4、和5，以及各个页面元素所对应的每种显示属性的样式数据标识2(字体样式数据标识2和边框样式数据标识2)，在每个页面元素的显示代码中将现有两个内联样式的代码中Theme_Font＝“字体样式数据标识1”和Theme_Font Shape＝“边框样式数据标识1”中的字体样式数据标识1和边框样式数据标识1对应调整为字体样式数据标识2和边框样式数据标识2，获得Theme_Font＝“字体样式数据标识2”和Theme_Font Shape＝“边框样式数据标识2”，当调整完成后，页面元素中预设的样式切换控制脚本根据“字体样式数据标识2”和“边框样式数据标识2”获取对应的字体样式数据2和边框样式数据2，根据该字体样式数据2和边框样式数据2重新加载对应的页面元素，最终，页面样式切换完成后的页面如图2中样式切换后的页面所示。如此，通过内联样式的属性标识语句来标记表示页面元素的样式，当触发页面元素样式切换时，直接更改属性标识语句中的样式数据标识，提高了页面元素样式的切换效率。

在本发明的一个实施例中，上述对页面元素的字体以及边框进行样式切换，当然，还可以对页面元素的文字颜色、边框颜色、悬浮状态的颜色、点击状态的颜色等进行切换，只需要通过属性标识语句标识对应的显示属性，当然，本发明实施例对此不作具体限定。

上述所有可选技术方案，可以采用任意结合形成本公开的可选实施例，在此不再一一赘述。

下述为本发明的装置实施例，可以用于执行本发明方法实施例。对于本发明装置实施例中未披露的细节，请参照本发明方法实施例。图3是本发明实施例提供的一种页面样式切换装置的示意图。参见图3，该装置包括：

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

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

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

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

在本发明的一个实施例中，上述调整模块303用于：目标页面元素对应的调整后的样式数据标识，包括目标页面元素的多种显示属性对应的调整后的样式数据标识；在目标页面的页面显示代码中，将目标语句中记录的目标页面元素的多种显示属性对应的当前的样式数据标识，分别调整为多种显示属性对应的调整后的样式数据标识，得到样式切换后的目标页面元素的显示代码。

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

在本发明的一个实施例中，上述加载模块304用于：

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

需要说明的是：上述实施例提供的页面样式切换装置在对页面元素的样式进行切换时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的页面样式切换装置与页面样式切换方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

图4是本发明实施例提供的终端400的结构框图。该终端400可以是：智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端400还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。

通常，终端400包括有：处理器401和存储器402。

处理器401可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器401可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器401也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器401可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器401还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器402可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器402还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器402中的非暂态的计算机可读存储介质用于存储至少一个指令，该至少一个指令用于被处理器401所执行以实现本申请中方法实施例提供的虚拟资源确定方法。

在一些实施例中，终端400还可选包括有：***设备接口403和至少一个***设备。处理器401、存储器402和***设备接口403之间可以通过总线或信号线相连。各个***设备可以通过总线、信号线或电路板与***设备接口403相连。具体地，***设备包括：射频电路404、显示屏405、摄像头组件406、音频电路407、定位组件408和电源409中的至少一种。

***设备接口403可被用于将I/O(Input/Output，输入/输出)相关的至少一个***设备连接到处理器401和存储器402。在一些实施例中，处理器401、存储器402和***设备接口403被集成在同一芯片或电路板上；在一些其他实施例中，处理器401、存储器402和***设备接口403中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。

射频电路404用于接收和发射RF(Radio Frequency，射频)信号，也称电磁信号。射频电路404通过电磁信号与通信网络以及其他通信设备进行通信。射频电路404将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路404包括：天线***、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路404可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity，无线保真)网络。在一些实施例中，射频电路404还可以包括NFC(Near Field Communication，近距离无线通信)有关的电路，本申请对此不加以限定。

显示屏405用于显示UI(User Interface，用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏405是触摸显示屏时，显示屏405还具有采集在显示屏405的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器401进行处理。此时，显示屏405还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏405可以为一个，设置终端400的前面板；在另一些实施例中，显示屏405可以为至少两个，分别设置在终端400的不同表面或呈折叠设计；在再一些实施例中，显示屏405可以是柔性显示屏，设置在终端400的弯曲表面上或折叠面上。甚至，显示屏405还可以设置成非矩形的不规则图形，也即异形屏。显示屏405可以采用LCD(LiquidCrystal Display，液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。

摄像头组件406用于采集图像或视频。可选地，摄像头组件406包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件406还可以包括闪光灯。闪光灯可以是单色温闪光灯，也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同色温下的光线补偿。

音频电路407可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器401进行处理，或者输入至射频电路404以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端400的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器401或射频电路404的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路407还可以包括耳机插孔。

定位组件408用于定位终端400的当前地理位置，以实现导航或LBS(LocationBased Service，基于位置的服务)。定位组件408可以是基于美国的GPS(GlobalPositioning System，全球定位***)、中国的北斗***、俄罗斯的格雷纳斯***或欧盟的伽利略***的定位组件。

电源409用于为终端400中的各个组件进行供电。电源409可以是交流电、直流电、一次性电池或可充电电池。当电源409包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。

在一些实施例中，终端400还包括有一个或多个传感器410。该一个或多个传感器410包括但不限于：加速度传感器411、陀螺仪传感器412、压力传感器413、指纹传感器414、光学传感器415以及接近传感器416。

加速度传感器411可以检测以终端400建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器411可以用于检测重力加速度在三个坐标轴上的分量。处理器401可以根据加速度传感器401采集的重力加速度信号，控制触摸显示屏405以横向视图或纵向视图进行用户界面的显示。加速度传感器401还可以用于游戏或者用户的运动数据的采集。

陀螺仪传感器402可以检测终端400的机体方向及转动角度，陀螺仪传感器401可以与加速度传感器401协同采集用户对终端400的3D动作。处理器401根据陀螺仪传感器402采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。

压力传感器403可以设置在终端400的侧边框和/或触摸显示屏405的下层。当压力传感器403设置在终端400的侧边框时，可以检测用户对终端400的握持信号，由处理器401根据压力传感器403采集的握持信号进行左右手识别或快捷操作。当压力传感器403设置在触摸显示屏405的下层时，由处理器401根据用户对触摸显示屏405的压力操作，实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。

指纹传感器404用于采集用户的指纹，由处理器401根据指纹传感器404采集到的指纹识别用户的身份，或者，由指纹传感器404根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器401授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器404可以被设置终端400的正面、背面或侧面。当终端400上设置有物理按键或厂商Logo时，指纹传感器404可以与物理按键或厂商Logo集成在一起。

光学传感器405用于采集环境光强度。在一个实施例中，处理器401可以根据光学传感器405采集的环境光强度，控制触摸显示屏405的显示亮度。具体地，当环境光强度较高时，调高触摸显示屏405的显示亮度；当环境光强度较低时，调低触摸显示屏405的显示亮度。在另一个实施例中，处理器401还可以根据光学传感器405采集的环境光强度，动态调整摄像头组件406的拍摄参数。

接近传感器406，也称距离传感器，通常设置在终端400的前面板。接近传感器406用于采集用户与终端400的正面之间的距离。在一个实施例中，当接近传感器406检测到用户与终端400的正面之间的距离逐渐变小时，由处理器401控制触摸显示屏405从亮屏状态切换为息屏状态；当接近传感器406检测到用户与终端400的正面之间的距离逐渐变大时，由处理器401控制触摸显示屏405从息屏状态切换为亮屏状态。

本领域技术人员可以理解，图4中示出的结构并不构成对终端400的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在示例性实施例中，还提供了一种计算机可读存储介质，例如包括指令的存储器，上述指令可由终端中的处理器执行以完成上述实施例中页面样式切换方法。例如，该计算机可读存储介质可以是只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，该程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种页面样式切换方法，其特征在于，包括：

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

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

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

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

2.根据权利要求有1所述的方法，其特征在于，所述目标页面元素对应的调整后的样式数据标识，包括所述目标页面元素的多种显示属性对应的调整后的样式数据标识；

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

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

3.根据权利要求有2所述的方法，其特征在于，所述多种显示属性包括文字颜色显示属性、背景颜色显示属性、边框颜色显示属性、悬浮状态的颜色显示属性、点击状态的颜色显示属性以及图标显示属性。

4.根据权利要求有1所述的方法，其特征在于，所述基于所述样式切换后的目标页面元素的显示代码，重新加载所述目标页面元素，包括：

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

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

5.一种页面样式切换装置，其特征在于，包括：

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

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

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

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

6.根据权利要求5所述的装置，其特征在于，所述目标页面元素对应的调整后的样式数据标识，包括所述目标页面元素的多种显示属性对应的调整后的样式数据标识；所述调整模块用于：在所述目标页面的页面显示代码中，将目标语句中记录的所述目标页面元素的多种显示属性对应的当前的样式数据标识，分别调整为所述多种显示属性对应的调整后的样式数据标识，得到样式切换后的目标页面元素的显示代码。

7.根据权利要求6所述的装置，其特征在于，所述多种显示属性包括文字颜色显示属性、背景颜色显示属性、边框颜色显示属性、悬浮状态的颜色显示属性、点击状态的颜色显示属性以及图标显示属性。

8.根据权利要求5所述的装置，其特征在于，所述加载模块用于：

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

9.一种计算机设备，其特征在于，所述计算机设备包括一个或多个处理器和一个或多个存储器，所述一个或多个存储器中存储有至少一条指令，所述至少一条指令由所述一个或多个处理器加载并执行以实现如权利要求1至权利要求4任一项所述的页面样式切换方法所执行的操作。

10.一种计算机可读存储介质，其特征在于，所述存储介质中存储有至少一条指令，所述至少一条指令由处理器加载并执行以实现如权利要求1至权利要求4任一项所述的页面样式切换方法所执行的操作。