CN111610847B - 第三方应用程序的页面展示方法、装置、电子设备 - Google Patents

Abstract

本申请涉及一种第三方应用程序的页面展示方法、装置、计算机设备和存储介质。所述方法包括：当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面；展示渲染得到的第三方应用程序的页面。采用本方法能够降低电子设备的耗电。

Description

第三方应用程序的页面展示方法、装置、电子设备

技术领域

本申请涉及计算机技术领域，特别是涉及一种第三方应用程序的页面展示方法、装置、电子设备和计算机可读存储介质。

背景技术

随着计算机技术的发展，为了使得电子设备可以更加省电，各个电子设备的厂商开发了省电模式。在电子设备中开启省电模式，通常是对电子设备中自带的系统应用程序或者功能进行处理，如关闭电子设备中自带的系统应用程序、关闭定位功能、关闭震动功能等，从而可以节约电子设备的用电，延长电子设备的电量使用时长。

然而，在电子设备进入省电模式后，传统的第三方应用程序的页面展示方法，存在耗电高的问题。

发明内容

本申请实施例提供了一种第三方应用程序的页面展示方法、装置、电子设备、计算机可读存储介质，可以降低电子设备的耗电。

一种第三方应用程序的页面展示，包括：

当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取所述第三方应用程序的脚本中的背景色和前景色；

将所述背景色调整为第一颜色，将所述前景色调整为第二颜色；所述第一颜色的亮度值小于第一亮度阈值，所述第二颜色的亮度值大于第二亮度阈值，所述第一亮度阈值小于或等于第二亮度阈值；

以所述第一颜色渲染所述第三方应用程序的背景区域，以所述第二颜色渲染所述第三方应用程序的前景区域，得到所述第三方应用程序的页面；

展示渲染得到的所述第三方应用程序的页面。

一种第三方应用程序的页面展示装置，包括：

颜色获取模块，用于当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取所述第三方应用程序的脚本中的背景色和前景色；

颜色调整模块，用于将所述背景色调整为第一颜色，将所述前景色调整为第二颜色；所述第一颜色的亮度值小于第一亮度阈值，所述第二颜色的亮度值大于第二亮度阈值，所述第一亮度阈值小于或等于第二亮度阈值；

渲染模块，用于以所述第一颜色渲染所述第三方应用程序的背景区域，以所述第二颜色渲染所述第三方应用程序的前景区域，得到所述第三方应用程序的页面；

展示模块，用于展示渲染得到的所述第三方应用程序的页面。

一种电子设备，包括存储器及处理器，所述存储器中储存有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如上述的第三方应用程序的页面展示方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述的方法的步骤。

上述第三方应用程序的页面展示方法、装置、电子设备和计算机可读存储介质，当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；也就是说，将第三方应用程序的背景色调暗，将第三方应用程序的前景色调亮，而背景色所在的背景区域占第三方应用程序的页面的大部分区域，使得渲染得到的第三方应用程序的页面进入暗色模式，展示渲染得到的第三方应用程序的页面，可以降低屏幕的耗电。

进一步地，电子设备进入省电模式，电子设备中自带的系统应用程序，如系统桌面、电话本等也进入了暗色模式，而当电子设备开启第三方应用程序时，展示渲染得到的第三方应用程序的页面，该页面也进入暗色模式，提高了第三方应用程序的展示的页面与系统应用程序展示的页面之间的协调性。

附图说明

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

图1为一个实施例中第三方应用程序的页面展示方法的框架图；

图2为一个实施例中第三方应用程序的页面展示方法的流程图；

图3a为一个实施例中进入省电模式的示意图；

图3b为另一个实施例中进入省电模式的示意图；

图3c为另一个实施例中进入省电模式的示意图；

图4为另一个实施例中第三方应用程序的页面展示方法的流程图；

图5为另一个实施例中第三方应用程序的页面展示方法的流程图；

图6为另一个实施例中第三方应用程序的页面展示方法的流程图；

图7为一个实施例中根据环境光亮度得到第一颜色和第二颜色的流程图；

图8为一个实施例中根据环境光亮度展示第三方应用程序的页面的框架图；

图9为一个实施例中屏幕刷新率的调整方法的流程图；

图10为一个实施例中第三方应用程序的页面展示装置的结构框图；

图11为一个实施例中电子设备的内部结构示意图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

可以理解，本申请所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本申请的范围的情况下，可以将第一颜色称为第二颜色，且类似地，可将第二颜色称为第一颜色。第一颜色和第二颜色两者都是颜色，但其不是同一颜色。

如图1为一个实施例中第三方应用程序的页面展示方法的框架图。当电子设备进入省电模式时，省电控制模块调用第三方暗色控制模块，通过第三方暗色控制模块得到第三方应用程序的页面，并展示得到的第三方应用程序的页面。

进一步地，在电子设备进入省电模式之前，通过文件系统获取第三方应用程序的状态和系统应用程序的状态，并将该第三方应用程序的状态和系统应用程序的状态等数据存储在存储介质中；当电子设备退出省电模式之后，可以从存储介质中获取第三方应用程序的状态和系统应用程序的状态等数据，并将数据进行恢复。

图2为一个实施例中第三方应用程序的页面展示方法的流程图。如图2所示，第三方应用程序的页面展示方法包括步骤202至步骤208。

步骤202，当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色。

可以理解的是，电子设备的省电模式，可以使得电子设备更加节约用电，延长电池电量的使用时间。在省电模式中，可使用的应用程序的数量被限制，一些耗电量大的功能或者特性将被关闭或者禁用，如关闭导航功能，关闭蓝牙功能，关闭震动功能等；非核心的应用程序将被清理并限制自启动和关联启动，并通过调整CPU（central processing unit，中央处理器）参数降低CPU运行时的能耗；电子设备还可以降低屏幕的刷新率等。

在一种实施方式中，在省电模式的显示界面中，接收省电模式的开启指令，进入省电模式中。

如图3a所示，在省电模式的显示界面中，当用户点击省电模式控件302中的开关时，即电子设备接收到省电模式的开启指令，进入省电模式中。在省电模式中，用户可以点击退出控件304，退出省电模式。

当用户点击第三方应用程序306时，生成第三方应用程序306的开启指令，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面；展示渲染得到的第三方应用程序的页面308。

在另一种实施方式中，检测电子设备的电量；当电量小于电量阈值时，生成省电模式弹窗，并将省电模式弹窗展示在屏幕的显示界面中；接收对省电模式弹窗中的开启指令，进入省电模式中。

如图3b所示，当电量小于电量阈值时，生成省电模式弹窗310，并将省电模式弹窗展示在屏幕的显示界面中，提示目前低电量并建议用户开启省电模式；在省电模式弹窗中，包括开启和取消两个按钮，当用户点击开启按钮时，即电子设备接收对省电模式弹窗中的开启指令，进入省电模式中。在省电模式中，用户可以点击退出控件304，退出省电模式。

当用户点击第三方应用程序306时，生成第三方应用程序306的开启指令，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面；展示渲染得到的第三方应用程序的页面308。

在另一种实施方式中，接收语音，对语音进行分析得到分析结果；当分析结果中存在省电模式开启指令时，进入省电模式中。

如图3c所示，接收语音，对语音进行分析得到分析结果312，分析结果312中存在省电模式开启指令“帮我开启省电模式”，进入省电模式中。在省电模式中，用户可以点击304的退出控件，退出省电模式。

306是第三方应用程序，当用户点击第三方应用程序306时，生成第三方应用程序306的开启指令，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面；展示渲染得到的第三方应用程序的页面308。

可以理解的是，在电子设备中自带有系统应用程序，如系统桌面、设置、浏览器、软件商店、计算器、相机、电话本等应用程序，该系统应用程序可以实现电子设备的基础功能，如显示系统桌面、设置功能、浏览网页、从软件商店下载应用程序、计算、拍摄、通话等。而第三方应用程序是第三方应用程序开发商开发，并上传至服务器中的；电子设备可以通过网络从服务器中下载第三方应用程序。第三方应用程序如微信、手机QQ、头条、高德地图、微博、淘宝等。

在第三方应用程序的脚本中，包含有第三方应用程序所展示的页面的代码，而该代码中包括了第三方应用程序所展示的页面的背景色和前景色等信息。背景色指的是第三方应用程序所展示的页面的背景区域的颜色，前景色指的是第三方应用程序所展示的页面的前景区域的颜色。

需要指出的是，第三方应用程序所展示的页面的背景区域可以有一个，也可以有至少两个。例如，第三方应用程序所展示的页面中包括有导航栏，以及联系人列表，则第三方应用程序所展示的页面中包括有导航栏的背景区域，以及联系人列表的背景区域。相应地，背景色可以有一个，也可以有至少两个。

同样地，第三方应用程序所展示的页面的前景区域可以有一个，也可以有至少两个。前景区域中包括有各种元素，如文本、图标、照片、视频、音频等。相应地，前景色可以有一个，也可以有至少两个。前景色可以指的是前景区域中各个元素的颜色，如文本的颜色、图标的颜色、照片外框的颜色、视频外框的颜色、音频所在控件的颜色等。

在第三方应用程序的脚本中，还可以包括背景色所在的背景区域的大小、样式等，前景色所在的前景区域的大小、样式等。

具体地，当电子设备进入省电模式时，当接收到对第三方应用程序的开启指令时，响应于对第三方应用程序的开启指令，从第三方应用程序的脚本中查找背景标签以及前景标签，获取背景标签对应的背景色，以及前景标签对应的前景色。

在第三方应用程序的脚本中，View中默认分为background和content两部分。背景标签为“background”，背景标签可以根据用户需要进行设置。前景标签可以是除背景标签之外的其他标签。在背景标签或前景标签中，可以设置color（颜色）或drawable，其中drawable中的draw方法可以自定义样式。而content是View中的draw和onDraw方法中绘制的内容。background和content在绘制的时候可以调用了drawText方法。

当前景区域中的元素是图片时，对图片进行采样处理，得到至少两个像素点的颜色值；统计至少两个像素点的各个颜色值，获取属于同一颜色值的像素点的数量；将属于同一颜色值的像素点的最多数量值除以至少两个像素点的数量值，得到数量比例；当数量比例大于或等于比例阈值时，图片为纯色图片；当数量比例小于比例阈值时，图片不是纯色图片。

例如，电子设备对图片进行采样处理，得到100个像素点的颜色值，统计100个像素点的颜色值，其中，白色为98个，黑色为1个，蓝色为1个，即属于同一颜色值的像素点的最多数量值为98，将98除以100得到数量比例为0.98，当比例阈值为0.95时，该图片为纯色图片。

进一步地，当图片为纯色图片时，检测该纯色图片的亮度值是否大于指定亮度阈值；当该纯色图片的亮度值大于指定亮度阈值时，该图片为纯色亮图，对该图片进行反色处理。

具体地，电子设备可以获取该纯色图片的颜色的RGB值；将RGB值转化成LAB值；将LAB值中的L通道值作为该纯色图片的亮度值。

RGB（Red、Green、Blue，红色、绿色、蓝色）值指的是前景色中的三个通道值，分别是红色通道、绿色通道和蓝色通道，通过RGB三个通道值融合可以得到前景色。

LAB是一种色彩模式，包括三个通道值，分别为亮度L，以及两个颜色通道A和B。A代表从绿色到红色的分量，B代表从蓝色到黄色的分量。

步骤204，将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值。

亮度值表示颜色明亮程度的数值。亮度值越高，则该颜色越亮；亮度值越低，则该颜色越暗。第一亮度阈值和第二亮度阈值均可以根据用户需要进行设置。电子设备可以预先设置第一颜色和第二颜色。

第一颜色的亮度值小于第一亮度阈值，表示第一颜色的亮度较暗，即将背景色调整为亮度较暗的颜色。第二颜色的亮度值大于第二亮度阈值，表示第二颜色的亮度较亮，即将前景色调整为亮度较亮的颜色。

例如，第一亮度阈值为50，第二亮度阈值也为50，第一颜色为黑色，第二颜色为白色，黑色的亮度值为0，白色的亮度值为100，即将背景色调整为黑色，将前景色调整为白色，则渲染得到的第三方应用程序的页面进入暗色模式。

具体地，电子设备通过HWUI（硬件加速绘制UI）层对绘制命令做判断，再注入反色算法，同时基于原生Force Dark（强制黑暗模式）反色规则对背景色和前景色进行颜色处理，将背景色调整为第一颜色，将前景色调整为第二颜色。从硬件（HWUI层）和软件（原生Force Dark反色规则）上对背景色和前景色进行调整，可以更快速、更准确地得到第一颜色和第二颜色。

其中，HWUI层主要是使用OpenGL ES（OpenGL for Embedded Systems）来进行GPU（Graphics Processing Unit，图形处理器）硬件绘图，提升整个系统的绘制性能。

步骤206，以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面。

渲染指的是基于代码生成可视化视图的过程。电子设备以第一颜色渲染第三方应用程序的背景区域，即将第一颜色在背景区域中进行着色。电子设备以第二颜色渲染第三方应用程序的前景区域，即将第二颜色在前景区域中进行着色。

第一颜色的亮度值小于第一亮度阈值，则渲染得到的背景区域的亮度较暗；第二颜色的亮度值大于第二亮度阈值，则渲染得到的前景区域的亮度较亮，得到的第三方应用程序的页面进入暗色模式。

当第三应用程序的页面是浏览器的web页面时，该web页面中的第一颜色和第二颜色的渲染是在浏览器内核中完成的。

步骤208，展示渲染得到的第三方应用程序的页面。

电子设备的屏幕可以是OLED（Organic Light-Emitting Diode，有机发光二极管）屏幕。电子设备基于OLED屏幕展示渲染得到的第三方应用程序的页面，当第三方应用程序的页面中的背景区域是亮度值小于第一亮度阈值的第一颜色时，该背景区域对应的OLED屏幕中的区域提供该第一颜色对应的亮度值，第一颜色的亮度较暗，OLED 屏幕提供该亮度的用电功耗较低，从而可以节约电子设备屏幕的耗电。

进一步地，当第一颜色是黑色，即第三方应用程序的页面中的背景区域是黑色时，该背景区域对应的OLED屏幕中的区域不需发光，就可以展示背景区域的黑色，从而进一步节约电子设备屏幕的耗电。

上述第三方应用程序的页面展示方法，当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；也就是说，将第三方应用程序的背景色调暗，将第三方应用程序的前景色调亮，而背景色所在的背景区域占第三方应用程序的页面的大部分区域，使得渲染得到的第三方应用程序的页面进入暗色模式，展示渲染得到的第三方应用程序的页面，可以降低屏幕的耗电。

进一步地，电子设备进入省电模式，电子设备中自带的系统应用程序，如系统桌面、电话本等也进入了暗色模式，而当电子设备开启第三方应用程序时，展示渲染得到的第三方应用程序的页面，该页面也进入暗色模式，提高了第三方应用程序的展示的页面与系统应用程序展示的页面之间的协调性。

在一个实施例中，如图4所示，将背景色调整为第一颜色，将前景色调整为第二颜色，包括：

步骤402，获取第三亮度阈值，将背景色的亮度值以及前景色的亮度值分别与第三亮度阈值进行比较。

第三亮度阈值可以根据用户需要进行设置，例如第三亮度阈值可以是50。

步骤404，将背景色中大于或等于第三亮度阈值的部分调整为第一颜色，将前景色中小于第三亮度阈值的部分调整为第二颜色。

电子设备将大于或等于第三亮度阈值的颜色作为亮色，将小于第三亮度阈值的颜色作为暗色。

背景色可以有一个，也可以有至少两个。同样地，前景色可以有一个，也可以有至少两个。在各个背景色中，将大于或等于第三亮度阈值的部分调整为第一颜色，而小于第三亮度阈值的部分保持不变；第一颜色的亮度值小于第三亮度阈值。也就是说，将背景色中属于亮色类别的部分调整为暗色，而属于暗色类别的部分保持不变。

同样地，在各个前景色中，将小于第三亮度阈值的部分调整为第二颜色，而大于或等于第三亮度阈值的部分保持不变；第二颜色的亮度值大于或等于第三亮度阈值。也就是说，将前景色中属于暗色类别的部分调整为亮色，而属于亮色类别的部分保持不变。

以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面，包括：

步骤406，以第一颜色和背景色中小于第三亮度阈值的部分分别渲染第三方应用程序对应的背景区域，以第二颜色和前景色中大于或等于第三亮度阈值的部分分别渲染第三方应用程序的前景区域，得到第三方应用程序的页面。

在本实施例中，将背景色中大于或等于第三亮度阈值的部分调整为第一颜色，而背景色中小于第三亮度阈值的部分保持不变即无需调整，将前景色中小于第三亮度阈值的部分调整为第二颜色，而前景色中大于或等于第三亮度阈值的部分保持不变即无需调整，可以节约电子设备的处理资源，更快速得到第三方应用程序的页面从而进行展示，提高了效率。

在一个实施例中，获取第三亮度阈值，将背景色的亮度值以及前景色的亮度值分别与第三亮度阈值进行比较之前，还包括：获取前景色的RGB值，获取背景色的RGB值；将前景色的RGB值和背景色的RGB值分别转化成LAB值；将前景色的LAB值中的L通道值作为前景色的亮度值，将背景色的LAB值中的L通道值作为背景色的亮度值。

RGB（Red、Green、Blue，红色、绿色、蓝色）值指的是前景色中的三个通道值，分别是红色通道、绿色通道和蓝色通道，通过RGB三个通道值融合可以得到前景色。

LAB是一种色彩模式，包括三个通道值，分别为亮度L，以及两个颜色通道A和B。A代表从绿色到红色的分量，B代表从蓝色到黄色的分量。

电子设备获取前景色的RGB值和背景色的RGB值，将前景色的RGB值和背景色的RGB值分别转化成LAB值，再将前景色的LAB值中的L通道值作为前景色的亮度值，将背景色的LAB值中的L通道值作为背景色的亮度值，可以准确得到前景色的亮度值和背景色的亮度值。

在一个实施例中，上述方法还包括：当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且第三方应用程序存在暗色模式，开启第三方应用程序的暗色模式；当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且第三方应用程序不存在暗色模式，执行获取第三方应用程序的脚本中的背景色和前景色步骤。

当电子设备进入省电模式时，响应于第三方应用程序的开启指令，且第三方应用程序存在暗色模式，开启第三方应用程序的暗色模式，即开启第三方应用程序的暗色模式适配电子设备的省电模式，提高第三方应用程序与电子设备之间的兼容度。

当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且第三方应用程序不存在暗色模式，执行获取第三方应用程序的脚本中的背景色和前景色步骤，实现第三方应用程序进入暗色模式，从而节约电子设备的屏幕的耗电，并且提高第三方应用程序的展示的页面与系统应用程序展示的页面之间的协调性。

在一个实施例中，获取第三方应用程序的脚本中的背景色和前景色之后，还包括：保存第三方应用程序的脚本中的背景色和前景色；当电子设备退出省电模式时，获取保存的第三方应用程序的脚本中的背景色和前景色；以背景色渲染第三方应用程序的背景区域，以前景色渲染第三方应用程序的前景区域，更新第三方应用程序的页面；展示更新的第三方应用程序的页面。

电子设备在获取第三方应用程序的脚本中的背景色和前景色之后，可以将该获取的背景色和前景色保存至电子设备的存储介质（如闪存储器）中。当电子设备退出省电模式时，从存储介质（如闪存储器）中获取保存的第三方应用程序的脚本中的背景色和前景色，再以背景色渲染第三方应用程序的背景区域，以前景色渲染第三方应用程序的前景区域，更新第三方应用程序的页面，展示更新的第三方应用程序的页面，将第三方应用程序的页面恢复至进入省电模式之前的状态。

在一个实施例中，如图5所述，电子设备执行步骤502，进入省电模式；执行步骤504，保存进入省电模式之前的第三方应用程序的状态和系统应用程序的状态。电子设备执行步骤506，判断系统应用程序是否已开启暗色模式，当判断为是时，无需操作，即步骤508；当判断为否时，执行步骤510。步骤510，开启系统应用程序的暗色模式。

电子设备中自带有系统应用程序，如系统桌面、设置、浏览器、软件商店、计算器、相机、电话本等应用程序，该系统应用程序可以实现电子设备的基础功能，如显示系统桌面、设置功能、浏览网页、从软件商店下载应用程序、计算、拍摄、通话等。

电子设备执行步骤512，判断第三方应用程序是否存在暗色模式；当判断为是时，执行步骤514，开启第三方应用程序自身的暗色模式；当判断为否时，执行步骤516。

步骤516，渲染第三方应用程序的暗色效果，具体包括：获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面；展示渲染得到的第三方应用程序的页面。

当电子设备执行步骤518，退出省电模式时，执行步骤520，将第三方应用程序和系统应用程序均恢复至进入省电模式之前的状态。

在一个实施例中，如图6所示，上述方法还包括：

步骤602，从第三方应用程序的脚本中获取前景区域内的焦点元素；焦点元素是第三方应用程序的页面中优先级高于优先级阈值的元素。

在前景区域内，包含有各种元素，如文本、图标、照片、视频、音频等，而前景区域内的各个元素的重要程度不同。根据前景区域内的各个元素的重要程度不同，可以对各个元素设置对应的优先级。优先级越高，表示该元素越重要。

例如，在前景区域内包含导航栏、联系人的聊天信息、音量调节控件、拍摄控件等元素，而音量调节控件和拍摄控件是用户经常使用的功能控件，因此可以设置音量调节控件和拍摄控件的优先级均为四级，导航栏的优先级为二级，联系人的聊天信息的优先级为三级，优先级阈值为三级，则音量调节控件和拍摄控件这两个元素为焦点元素。

步骤604，将焦点元素的颜色调整为焦点颜色；焦点颜色与第一颜色之间的对比度高于对比度阈值。

焦点颜色与第一颜色之间的对比度指的是焦点颜色和第一颜色之间不同亮度层级的测量，差异范围越大代表对比度越大，差异范围越小代表对比度越小。

第一颜色为背景区域的颜色，而焦点颜色是前景区域中的焦点元素的颜色，焦点颜色与第一颜色之间的对比度高于对比度阈值，则可以从背景区域的颜色中更加突出焦点元素，更加清晰地展示焦点元素。

在一个实施例中，第一颜色为黑色，第二颜色为白色，焦点颜色为蓝色，即背景区域的颜色为黑色，前景区域中除焦点元素之外的元素的区域为白色，焦点元素为蓝色，可以更加突出焦点元素，更加清晰地展示焦点元素。

以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面，包括：

步骤606，以第一颜色渲染第三方应用程序的背景区域，以焦点颜色渲染焦点元素，以第二颜色渲染第三方应用程序的前景区域中除焦点元素之外的其他区域，得到第三方应用程序的页面。

在本实施例中，从前景区域中获取焦点元素，并将焦点元素的颜色调整为焦点颜色，而焦点颜色与背景区域的第一颜色的对比度高于对比度阈值，则展示第三方应用程序的页面时可以更突出该焦点元素，更清晰地展示焦点元素；基于无边界设计理念，全天候暗色模式对页面层次进行了区分，有效改善了暗色模式下的对比度，降低了视觉疲劳的可能，第三方应用程序的画面在系统优化下得到了充分的适配，保证不会出现界面元素看不清或者视觉冲突的情况。从醒目的高光比环境，到舒适的低对比条件，全天候暗色模式可满足任意场景，任一时间使用，再加上智能亮度调节功能，让暗色模式在强光或弱光环境均能发挥作用，即使在白天使用，阅读体验不打折扣。

在一个实施例中，如图7所示，将背景色调整为第一颜色，将前景色调整为第二颜色，包括：

步骤702，获取当前的环境光亮度。

环境光亮度指的是电子设备所处的环境的亮度。

步骤704，根据当前的环境光亮度，从环境光亮度与对比度之间的对应关系进行匹配，确定对应的第一对比度；环境光亮度与对比度的对应关系为正相关关系。

电子设备可以预先设置环境光亮度与对比度之间的对应关系。第一对比度指的是第一颜色和第二颜色之间的对比度。环境光亮度与对比度的对应关系为正相关关系，即环境光亮度的值越大，对比度的值越大；环境光亮度的值越小，对比度的值越小。环境光亮度与对比度的对应关系中的对比度可以根据用户需要设置，如背景最大亮度、对话框/浮层背景最小亮度、前景最小亮度。

当当前的环境光亮度的值大时，表示环境光亮度高，人眼对电子设备屏幕亮度不敏感，不容易看清屏幕显示界面中的内容，则确定的第一对比度高，才能使得用户看清页面中的内容。当环境光亮度的值小时，表示环境光亮度低，人眼对电子设备屏幕亮度较敏感，则可以确定的较低的第一对比度高。

步骤706，基于第一对比度确定第一颜色和第二颜色，将背景色调整为第一颜色，将前景色调整为第二颜色。

在一种实施方式中，电子设备可以先确定第一颜色为黑色，再通过第一对比度确定第二颜色。在另一种实施方式中，电子设备也可以先确定第二颜色为白色，再通过第一对比度确定第一颜色。在其他实施方式中，电子设备还可以基于第一对比度确定第一颜色和第二颜色的多种组合方式，并从多种组合方式中选择一种。

在本实施例中，获取当前的环境光亮度，根据当前的环境光亮度确定第一对比度，进而确定第一颜色和第二颜色，可以使得第三方应用程序的页面与当前的环境光亮度进行结合，从而以更准确地展示第三方应用程序的页面。

在一个实施例中，如图8所示，电子设备中的光感平滑计算亮度拟合模块通过光感监听环境光，获取当前的环境光亮度，再将当前的环境光亮度发送至对比度控制模块。对比度控制模块根据当前的环境光亮度，从环境光亮度与对比度之间的对应关系进行匹配，确定对应的第一对比度；环境光亮度与对比度的对应关系为正相关关系；电子设备基于第一对比度确定第一颜色和第二颜色，将背景色调整为第一颜色，将前景色调整为第二颜色；以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面。

在一个实施例中，展示渲染得到的所述第三方应用程序的页面之后，还包括：当检测到当前的环境光亮度变化时，根据新的环境光亮度从环境光亮度与对比度之间的对应关系进行匹配，确定新的第一对比度；基于新的第一对比度确定新的第一颜色和新的第二颜色；以新的第一颜色渲染第三方应用程序的背景区域，以新的第二颜色渲染第三方应用程序的前景区域，更新第三方应用程序的页面；展示更新的第三方应用程序的页面。

当检测到当前的环境光亮度变化时，电子设备根据新的环境光亮度确定新的第一对比度，从而确定新的第一颜色和第二颜色，再以新的第一颜色渲染第三方应用程序的背景区域，以新的第二颜色渲染第三方应用程序的前景区域，并展示新的第三方应用程序的页面，对第三方应用程序的页面进行更新。

在本实施例中，电子设备检测当前的环境光亮度是否变化，当检测到当前的环境光亮度发生变化时，则确定新的第一颜色和第二颜色，展示更新的第三方应用程序，可以实时地、更准确地展示第三方应用程序的页面。

在一个实施例中，当电子设备进入省电模式时之后，还包括：响应于对电子设备中的系统应用程序的开启指令，获取系统应用程序的脚本中的前景色和背景色；将系统应用程序的背景色调整为第三颜色，将系统应用程序的前景色调整为第四颜色；第三颜色的亮度值小于第四亮度阈值，第四颜色的亮度值大于第五亮度阈值，第四亮度阈值小于或等于第五亮度阈值；以第三颜色渲染系统应用程序的背景区域，以第四颜色渲染系统应用程序的前景区域，得到系统应用程序的页面；展示渲染得到的系统应用程序的页面。

在电子设备中自带有系统应用程序，如系统桌面、设置、浏览器、软件商店、计算器、相机、电话本等应用程序，该系统应用程序可以实现电子设备的基础功能，如显示系统桌面、设置功能、浏览网页、从软件商店下载应用程序、计算、拍摄、通话等。

第四亮度阈值和第五亮度阈值均可以根据用户需要进行设置。电子设备可以预先设置第三颜色和第四颜色。

第三颜色的亮度值小于第四亮度阈值，表示第三颜色的亮度较暗，即将系统应用程序的背景色调整为亮度较暗的颜色。第四颜色的亮度值大于第五亮度阈值，表示第四颜色的亮度较亮，即将系统应用程序的前景色调整为亮度较亮的颜色。

例如，第四亮度阈值为50，第五亮度阈值也为50，第三颜色为黑色，第四颜色为白色，黑色的亮度值为0，白色的亮度值为100，即将系统应用程序的背景色调整为黑色，将系统应用程序的前景色调整为白色，则渲染得到的系统应用程序的页面进入暗色模式。

在本实施例中，当电子设备进入省电模式时，响应于对系统应用程序的开启指令，将系统应用程序渲染得到暗色模式的系统应用程序的页面，则电子设备进入省电模式之后，在第三方应用程序和系统应用程序之间切换时，可以提高显示的第三方应用程序的页面和系统应用程序的界面之间的协调性，避免第三方应用程序和系统应用程序其中一个处于正常模式，而另外一个处于暗色模式（即一个亮度较亮，另外一个亮度较暗）导致的页面不协调的问题。其中，正常模式指的是背景区域的亮度较亮，而前景区域的各个元素的亮度较暗的模式。

在一个实施例中，如图9所示，上述方法还包括：

步骤902，当电子设备进入省电模式时，将电子设备的屏幕的刷新率调整至第一刷新率；第一刷新率处于屏幕的刷新率范围内，并且小于刷新率阈值。

刷新率是指电子束对屏幕上的图像重复扫描的次数。刷新率越高，屏幕所显示的图像（画面）稳定性就越好。例如，屏幕刷新率可以是60HZ，90HZ，120HZ，144HZ；而120HZ的屏幕刷新率显示的图像画面比60HZ的屏幕刷新率显示的图像画面更稳定。

可以理解的是，为了使得人眼观察不出屏幕是处于刷新（扫描）状态，屏幕的刷新率需要大于或等于下限值；而为了使得电子设备的电池电量可以使用更长时间，屏幕的刷新率需要小于或等于上限值，而上限值至下限值之间的范围，即屏幕的刷新率范围。其中，上限值和下限值可以是经验值。

第一刷新率处于屏幕的刷新率范围内，则将电子设备的屏幕的刷新率调整至第一刷新率时，可以保证屏幕处于正常使用状态；而第一刷新率小于刷新率阈值，限定了第一刷新率的最大值，可以节约屏幕用电。第一刷新率也可以是具体的档位，如60HZ，90HZ，120HZ，144HZ等其中的一个。

在一种实施方式中，第一刷新率可以是屏幕的刷新率范围的下限值，即刷新率范围中的最小值，可以最大限度地节约屏幕用电。

刷新率阈值可以根据需要用户需要进行设定。进一步地，电子设备获取进入省电模式之前的刷新率，设置刷新率阈值小于进入省电模式之前的刷新率。电子设备进入省电模式之后，将电子设备的屏幕的刷新率调整至第一刷新率，第一刷新率小于刷新率阈值，而刷新率阈值小于进入省电模式之前的刷新率，则进入省电模式之后第一刷新率小于进入省电模式之前的刷新率，降低了屏幕的刷新率，节约了屏幕用电。

步骤904，检测当前系统状态。

当前系统状态指的是电子设备当前系统所处的状态。当前系统状态可以是游戏状态、视频播放状态、应用程序切换状态、动画播放状态、运行指定应用程序状态、社交聊天状态、音乐播放状态等其中的一种。

当前系统状态可以是对屏幕刷新率要求高的系统状态，如游戏状态、视频播放状态、应用程序切换状态、动画播放状态或运行指定应用程序状态等其中的一种；也可以是对屏幕刷新率要求低的系统状态，如社交聊天状态、音乐播放状态等其中的一种。当前系统状态不同，则对应的屏幕刷新率要求可以不同。

在一种实施方式中，电子设备采用轮询读取机制以及注册回调监听等其中的至少一种方式检测当前系统状态。

在另一种实施方式中，电子设备检测当前屏幕显示界面中的应用程序，以及屏幕显示界面中的各个元素，基于当前屏幕显示界面中的应用程序以及屏幕显示界面中的各个元素确定当前系统状态。

当前屏幕显示界面中的应用程序指的是当前处于屏幕显示界面中的应用程序。如用户在使用微信时，则微信是当前屏幕显示界面中的应用程序；当用户在使用微信时，并且同时使用音乐应用程序的歌词浮窗功能，使得歌曲的歌词显示在屏幕显示界面中，则微信以及音乐应用程序均是当前屏幕显示界面中的应用程序。

当前屏幕显示界面中的应用程序的数量可以是一个，也可以是多个。当前使用的应用程序可以是电子设备的系统自带的应用程序，如摄像、音乐、相册等，也可以包括用户下载的应用程序，如微信、支付宝等。

屏幕显示界面中的各个元素，可以包括图片、视频、音频、文本，还可以包括屏幕的亮度、屏幕的尺寸等。

例如，电子设备当前使用的应用程序为微信，屏幕显示界面中包括视频，则可以确定当前系统状态为视频播放状态。又如，电子设备当前使用的应用程序为游戏，屏幕显示界面中包括游戏元素防御塔、敌方小兵等，则可以确定当前系统状态为游戏状态。又如，电子设备当前使用的应用程序包括微信，微信处于前端运行，屏幕显示界面中的各个元素包括文本、图片，则可以确定当前系统状态为社交聊天状态。

步骤906，基于当前系统状态确定目标刷新率，将屏幕的刷新率从第一刷新率调整至目标刷新率。

当前系统状态不同，则对应的屏幕刷新率要求可以不同，基于当前系统状态确定的目标刷新率也可以不同。

例如，当当前系统状态是游戏状态、视频播放状态、应用程序切换状态、动画播放状态或运行指定应用程序状态等对屏幕刷新率要求高的系统状态，则确定的目标刷新率可以较高；当当前系统状态是社交聊天状态、音乐播放状态等对屏幕刷新率要求低的系统状态时，则确定的目标刷新率可以较低。

电子设备预先设置各个系统状态与刷新率之间的对应关系，获取系统状态与刷新率之间的对应关系；将系统状态与刷新率之间的对应关系与当前系统状态进行匹配，从系统状态与刷新率之间的对应关系中确定当前系统状态的刷新率，并将该确定的刷新率作为目标刷新率。

例如，当当前系统状态是游戏状态时，从系统状态与刷新率之间的对应关系中确定游戏状态的刷新率为90HZ，即目标刷新率为90HZ；当当前系统状态是音乐播放状态时，从系统状态与刷新率之间的对应关系中确定音乐播放状态的刷新率为60HZ，即目标刷新率为60HZ。

在本实施例中，当电子设备进入省电模式时，通过调整第三方应用程序的页面的背景色和前景色，使得展示的第三方应用程序的页面处于暗色模式，可以节约电子设备的屏幕的耗电；当电子设备进入省电模式时，与此同时还可以将电子设备屏幕的刷新率调整至第一刷新率，可以先降低电子设备的屏幕的功耗，节约电子设备的电量；检测当前系统状态，基于当前系统状态确定目标刷新率，可以将屏幕的刷新率从第一刷新率调整至目标刷新率，使得屏幕的刷新率与当前系统状态相匹配，提高了调整的屏幕刷新率的准确性。

进一步地，当电子设备进入省电模式时，既可以优化功耗，即降低了电子设备的屏幕的功耗，基于当前系统状态确定目标刷新率，再将屏幕的刷新率从第一刷新率调整至目标刷新率，也可以保证在当前系统状态下屏幕显示界面的显示效果与用户体验，达到功耗与体验的平衡。

在一个实施例中，将屏幕的刷新率从第一刷新率调整至目标刷新率之后，还包括：当电子设备退出省电模式时，获取第二刷新率；第二刷新率高于或等于第一刷新率；将屏幕的刷新率从目标刷新率调整至第二刷新率。

当电子设备退出省电模式时，恢复至正常模式，在正常模式中为了保证屏幕显示界面更清晰更流畅更准确，获取的第二刷新率高于或等于第一刷新率，再将屏幕的刷新率从目标刷新率调整至第二刷新率。

进一步地，电子设备进入省电模式之前，还包括：获取屏幕当前的原始刷新率；当电子设备退出省电模式时，获取第二刷新率，包括：当电子设备退出省电模式时，获取原始刷新率；将屏幕的刷新率从目标刷新率调整至第二刷新率，包括：将屏幕的刷新率从目标刷新率恢复至原始刷新率。

电子设备进入省电模式之前，获取屏幕当前的原始刷新率，即电子设备处于正常模式中屏幕的刷新率，并将该刷新率保存至电子设备的存储介质（如闪存储器）中。当电子设备退出省电模式时，从存储介质中获取原始刷新率，将屏幕的刷新率从目标刷新率调整至第二刷新率，即将屏幕的刷新率恢复至进入省电模式之前的刷新率。

在一个实施例中，当前系统状态包括第一系统状态或第二系统状态，第一系统状态的刷新率要求高于第二系统状态的刷新率要求；基于当前系统状态确定目标刷新率，将屏幕的刷新率从第一刷新率调整至目标刷新率，包括：当当前系统状态是第一系统状态时，获取第一系统状态对应的第一参考刷新率，将屏幕的刷新率从第一刷新率调整至第一参考刷新率；当当前系统状态是第二系统状态时，获取第二系统状态对应的第二参考刷新率，将屏幕的刷新率从第一刷新率调整至第二参考刷新率；第一参考刷新率高于第二参考刷新率。

第一系统状态是游戏状态、视频播放状态、应用程序切换状态、动画播放状态或运行指定应用程序状态其中的一种；第二系统状态是社交聊天状态或音乐播放状态。其中，指定应用程序可以是用户设置的需要高刷新率的应用程序，如微博、微信等，也可以是支持高刷新率的应用程序。当运行指定应用程序时，在屏幕的显示界面上显示指定应用程序的页面，采用第一参考刷新率对屏幕进行刷新，可以获取到指定应用程序更清晰的页面。第一系统状态对视觉效果要求高，第二系统状态对视觉效果要求低，即第一系统状态的刷新率要求高于第二系统状态的刷新率要求。

当当前系统状态时第一系统状态时，第一系统状态对应的屏幕刷新率是第一参考刷新率；当当前系统状态时第二系统状态时，第二系统状态对应的屏幕刷新率是第二参考刷新率。由于第一系统状态的刷新率要求高于第二系统状态的刷新率要求，因此第一参考刷新率高于第二参考刷新率。

在本实施例中，当前系统状态包括第一系统状态或第二系统状态，当当前系统状态是第一系统状态时，获取对应的第一参考刷新率，当当前系统状态是第二系统状态时，获取对应的第二参考刷新率，第一系统状态的刷新率要求高于第二系统状态的刷新率要求，则第一参考刷新率高于第二参考刷新率，可以更准确地调整屏幕刷新率。

在一个实施例中，上述方法还包括：基于第一颜色和第二颜色确定第一颜色和第二颜色之间的第二对比度；根据第二对比度，从刷新率与对比度之间的对应关系进行匹配，确定对应的第二刷新率；刷新率与对比度的对应关系为负相关关系；将屏幕的刷新率调整至第二刷新率。

第二对比度指的是第一颜色和第二颜色之间不同亮度层级的测量，差异范围越大代表第二对比度越大，差异范围越小代表第二对比度越小。

电子设备可以预先设置刷新率与对比度之间的对应关系。刷新率与对比度之间的对应关系为负相关关系，即刷新率的值越大，对比度的值越小；刷新率亮度的值越小，对比度的值越大。

当第二对比度的值大时，用户很容易从显示的第三方应用程序的页面中获取内容，因此可以确定较小的第二刷新率，从而节约屏幕的耗电。

当第二对比度的值小时，用户不容易从显示的第三方应用程序的页面中获取内容，因此可以确定较大的第二刷新率，从而使得显示的第三方应用程序的页面更清晰，用户可以更容易从屏幕显示界面上获取第三方应用程序的内容。

应该理解的是，虽然图2、图4、图6、图7和图9的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2、图4、图6、图7和图9中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

图10为一个实施例的第三方应用程序的页面展示装置的结构框图。如图10所示，提供了一种第三方应用程序的页面展示装置1000，包括：颜色获取模块1002、颜色调整模块1004、渲染模块1006和展示模块1008，其中：

颜色获取模块1002，用于当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色。

颜色调整模块1004，用于将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值。

渲染模块1006，用于以第一颜色渲染第三方应用程序的背景区域，以第二颜色渲染第三方应用程序的前景区域，得到第三方应用程序的页面。

展示模块1008，用于展示渲染得到的第三方应用程序的页面。

上述第三方应用程序的页面展示装置，当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取第三方应用程序的脚本中的背景色和前景色；将背景色调整为第一颜色，将前景色调整为第二颜色；第一颜色的亮度值小于第一亮度阈值，第二颜色的亮度值大于第二亮度阈值，第一亮度阈值小于或等于第二亮度阈值；也就是说，将第三方应用程序的背景色调暗，将第三方应用程序的前景色调亮，而背景色所在的背景区域占第三方应用程序的页面的大部分区域，使得渲染得到的第三方应用程序的页面进入暗色模式，展示渲染得到的第三方应用程序的页面，可以降低屏幕的耗电。

进一步地，电子设备进入省电模式，电子设备中自带的系统应用程序，如系统桌面、电话本等也进入了暗色模式，而当电子设备开启第三方应用程序时，展示渲染得到的第三方应用程序的页面，该页面也进入暗色模式，提高了第三方应用程序的展示的页面与系统应用程序展示的页面之间的协调性。

在一个实施例中，上述颜色调整模块1004还用于获取第三亮度阈值，将背景色的亮度值以及前景色的亮度值分别与第三亮度阈值进行比较；将背景色中大于或等于第三亮度阈值的部分调整为第一颜色，将前景色中小于第三亮度阈值的部分调整为第二颜色；上述渲染模块1006还用于以第一颜色和背景色中小于第三亮度阈值的部分分别渲染第三方应用程序对应的背景区域，以第二颜色和前景色中大于或等于第三亮度阈值的部分分别渲染第三方应用程序的前景区域，得到第三方应用程序的页面。

在一个实施例中，上述第三方应用程序的页面展示装置还包括亮度值获取模块，用于获取前景色的RGB值，获取背景色的RGB值；将前景色的RGB值和背景色的RGB值分别转化成LAB值；将前景色的LAB值中的L通道值作为前景色的亮度值，将背景色的LAB值中的L通道值作为背景色的亮度值。

在一个实施例中，上述第三方应用程序的页面展示装置还包括第三方应用程序的暗色模式开启模块，用于当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且第三方应用程序存在暗色模式，开启第三方应用程序的暗色模式；上述颜色获取模块1002还用于当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且第三方应用程序不存在暗色模式，执行获取第三方应用程序的脚本中的背景色和前景色步骤。

在一个实施例中，上述第三方应用程序的页面展示装置还包括保存模块，用于保存第三方应用程序的脚本中的背景色和前景色；上述颜色获取模块1002还用于当电子设备退出省电模式时，获取保存的第三方应用程序的脚本中的背景色和前景色；上述渲染模块1006还用于以背景色渲染第三方应用程序的背景区域，以前景色渲染第三方应用程序的前景区域，更新第三方应用程序的页面；上述展示模块1008还用于展示更新的第三方应用程序的页面。

在一个实施例中，上述第三方应用程序的页面展示装置还包括焦点颜色获取模块，用于从第三方应用程序的脚本中获取前景区域内的焦点元素；焦点元素是第三方应用程序的页面中优先级高于优先级阈值的元素；将焦点元素的颜色调整为焦点颜色；焦点颜色与第一颜色之间的对比度高于对比度阈值；上述渲染模块1006还用于以第一颜色渲染第三方应用程序的背景区域，以焦点颜色渲染焦点元素，以第二颜色渲染第三方应用程序的前景区域中除焦点元素之外的其他区域，得到第三方应用程序的页面。

在一个实施例中，第一颜色为黑色，第二颜色为白色，焦点颜色为蓝色。

在一个实施例中，上述颜色调整模块1004还用于获取当前的环境光亮度；根据当前的环境光亮度，从环境光亮度与对比度之间的对应关系进行匹配，确定对应的第一对比度；环境光亮度与对比度的对应关系为正相关关系；基于第一对比度确定第一颜色和第二颜色，将背景色调整为第一颜色，将前景色调整为第二颜色。

在一个实施例中，上述颜色获取模块1002还用于当检测到当前的环境光亮度变化时，根据新的环境光亮度从环境光亮度与对比度之间的对应关系进行匹配，确定新的第一对比度；基于新的第一对比度确定新的第一颜色和新的第二颜色；上述渲染模块1006还用于以新的第一颜色渲染第三方应用程序的背景区域，以新的第二颜色渲染第三方应用程序的前景区域，更新第三方应用程序的页面；上述展示模块1008还用于展示更新的第三方应用程序的页面。

在一个实施例中，上述颜色获取模块1002还用于响应于对电子设备中的系统应用程序的开启指令，获取系统应用程序的脚本中的前景色和背景色；上述颜色调整模块1004还用于将系统应用程序的背景色调整为第三颜色，将系统应用程序的前景色调整为第四颜色；第三颜色的亮度值小于第四亮度阈值，第四颜色的亮度值大于第五亮度阈值，第四亮度阈值小于或等于第五亮度阈值；上述渲染模块1006还用于以第三颜色渲染系统应用程序的背景区域，以第四颜色渲染系统应用程序的前景区域，得到系统应用程序的页面；上述展示模块1008还用于展示渲染得到的系统应用程序的页面。

在一个实施例中，上述第三方应用程序的页面展示装置还包括刷新率调整模块，用于当电子设备进入省电模式时，将电子设备的屏幕的刷新率调整至第一刷新率；第一刷新率处于屏幕的刷新率范围内，并且小于刷新率阈值；检测当前系统状态；基于当前系统状态确定目标刷新率，将屏幕的刷新率从第一刷新率调整至目标刷新率。

在一个实施例中，当前系统状态包括第一系统状态或第二系统状态，第一系统状态的刷新率要求高于第二系统状态的刷新率要求；上述刷新率调整模块还用于当当前系统状态是第一系统状态时，获取第一系统状态对应的第一参考刷新率，将屏幕的刷新率从第一刷新率调整至第一参考刷新率；当当前系统状态是第二系统状态时，获取第二系统状态对应的第二参考刷新率，将屏幕的刷新率从第一刷新率调整至第二参考刷新率；第一参考刷新率高于第二参考刷新率。

在一个实施例中，上述刷新率调整模块还用于基于第一颜色和第二颜色确定第一颜色和第二颜色之间的第二对比度；根据第二对比度，从刷新率与对比度之间的对应关系进行匹配，确定对应的第二刷新率；刷新率与对比度的对应关系为负相关关系；将屏幕的刷新率调整至第二刷新率。

上述第三方应用程序的页面展示装置中各个模块的划分仅仅用于举例说明，在其他实施例中，可将第三方应用程序的页面展示装置按照需要划分为不同的模块，以完成上述第三方应用程序的页面展示装置的全部或部分功能。

关于第三方应用程序的页面展示装置的具体限定可以参见上文中对于第三方应用程序的页面展示方法的限定，在此不再赘述。上述第三方应用程序的页面展示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

图11为一个实施例中电子设备的内部结构示意图。如图11所示，该电子设备包括通过系统总线连接的处理器和存储器。其中，该处理器用于提供计算和控制能力，支撑整个电子设备的运行。存储器可包括非易失性存储介质及内存储器。非易失性存储介质存储有操作系统和计算机程序。该计算机程序可被处理器所执行，以用于实现以下各个实施例所提供的一种第三方应用程序的页面展示方法。内存储器为非易失性存储介质中的操作系统计算机程序提供高速缓存的运行环境。该电子设备可以是手机、平板电脑、PDA（PersonalDigital Assistant，个人数字助理）、POS（Point of Sales，销售终端）、车载电脑、穿戴式设备等任意终端设备。

本申请实施例中提供的第三方应用程序的页面展示装置中的各个模块的实现可为计算机程序的形式。该计算机程序可在终端或服务器上运行。该计算机程序构成的程序模块可存储在电子设备的存储器上。该计算机程序被处理器执行时，实现本申请实施例中所描述方法的步骤。

本申请实施例还提供了一种计算机可读存储介质。一个或多个包含计算机可执行指令的非易失性计算机可读存储介质，当所述计算机可执行指令被一个或多个处理器执行时，使得所述处理器执行第三方应用程序的页面展示方法的步骤。

一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行第三方应用程序的页面展示方法。

本申请所使用的对存储器、存储、数据库或其它介质的任何引用可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)，它用作外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM (SRAM)、动态 RAM (DRAM)、同步 DRAM (SDRAM)、双数据率 SDRAM (DDR SDRAM)、增强型 SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (16)

1.一种第三方应用程序的页面展示方法，其特征在于，包括：

当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取所述第三方应用程序的脚本中的背景色和前景色；

将所述背景色中大于或等于第三亮度阈值的部分调整为第一颜色，所述背景色中小于所述第三亮度阈值的部分保持不变；以及将所述前景色中小于所述第三亮度阈值的部分调整为第二颜色，所述前景色中大于或等于所述第三亮度阈值的部分保持不变；所述第一颜色的亮度值小于第一亮度阈值，所述第二颜色的亮度值大于第二亮度阈值，所述第一亮度阈值小于或等于第二亮度阈值；

以所述第一颜色和所述背景色中小于所述第三亮度阈值的部分分别渲染所述第三方应用程序对应的背景区域，以所述第二颜色和所述前景色中大于或等于所述第三亮度阈值的部分分别渲染所述第三方应用程序的前景区域，得到所述第三方应用程序的页面；

展示渲染得到的所述第三方应用程序的页面，以提高页面渲染效率且降低屏幕耗电。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取第三亮度阈值，将所述背景色的亮度值以及所述前景色的亮度值分别与所述第三亮度阈值进行比较。

3.根据权利要求2所述的方法，其特征在于，所述获取第三亮度阈值，将所述背景色的亮度值以及所述前景色的亮度值分别与所述第三亮度阈值进行比较之前，还包括：

获取所述前景色的RGB值，获取所述背景色的RGB值；

将所述前景色的RGB值和所述背景色的RGB值分别转化成LAB值；

将所述前景色的LAB值中的L通道值作为所述前景色的亮度值，将所述背景色的LAB值中的L通道值作为所述背景色的亮度值。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且所述第三方应用程序存在暗色模式，开启所述第三方应用程序的暗色模式；

当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，且所述第三方应用程序不存在暗色模式，执行所述获取所述第三方应用程序的脚本中的背景色和前景色步骤。

5.根据权利要求1所述的方法，其特征在于，所述获取所述第三方应用程序的脚本中的背景色和前景色之后，还包括：

保存所述第三方应用程序的脚本中的背景色和前景色；

当所述电子设备退出所述省电模式时，获取保存的所述第三方应用程序的脚本中的背景色和前景色；

以所述背景色渲染所述第三方应用程序的背景区域，以所述前景色渲染所述第三方应用程序的前景区域，更新所述第三方应用程序的页面；

展示更新的所述第三方应用程序的页面。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

从所述第三方应用程序的脚本中获取前景区域内的焦点元素；所述焦点元素是所述第三方应用程序的页面中优先级高于优先级阈值的元素；

将所述焦点元素的颜色调整为焦点颜色；所述焦点颜色与所述第一颜色之间的对比度高于对比度阈值；

所述以所述第一颜色渲染所述第三方应用程序的背景区域，以所述第二颜色渲染所述第三方应用程序的前景区域，得到所述第三方应用程序的页面，包括：

以所述第一颜色渲染所述第三方应用程序的背景区域，以所述焦点颜色渲染所述焦点元素，以所述第二颜色渲染所述第三方应用程序的前景区域中除所述焦点元素之外的其他区域，得到所述第三方应用程序的页面。

7.根据权利要求6所述的方法，其特征在于，所述第一颜色为黑色，所述第二颜色为白色，所述焦点颜色为蓝色。

8.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取当前的环境光亮度；

根据当前的所述环境光亮度，从所述环境光亮度与对比度之间的对应关系进行匹配，确定对应的第一对比度；所述环境光亮度与对比度的对应关系为正相关关系；

基于所述第一对比度确定第一颜色和第二颜色，将所述背景色调整为第一颜色，将所述前景色调整为第二颜色。

9.根据权利要求8所述的方法，其特征在于，所述展示渲染得到的所述第三方应用程序的页面之后，还包括：

当检测到当前的所述环境光亮度变化时，根据新的所述环境光亮度从所述环境光亮度与对比度之间的对应关系进行匹配，确定新的第一对比度；

基于新的所述第一对比度确定新的第一颜色和新的第二颜色；

以新的所述第一颜色渲染所述第三方应用程序的背景区域，以新的所述第二颜色渲染所述第三方应用程序的前景区域，更新所述第三方应用程序的页面；

展示更新的所述第三方应用程序的页面。

10.根据权利要求1所述的方法，其特征在于，所述当电子设备进入省电模式时之后，还包括：

响应于对所述电子设备中的系统应用程序的开启指令，获取所述系统应用程序的脚本中的前景色和背景色；

将所述系统应用程序的背景色调整为第三颜色，将所述系统应用程序的前景色调整为第四颜色；所述第三颜色的亮度值小于第四亮度阈值，所述第四颜色的亮度值大于第五亮度阈值，所述第四亮度阈值小于或等于第五亮度阈值；

以所述第三颜色渲染所述系统应用程序的背景区域，以所述第四颜色渲染所述系统应用程序的前景区域，得到所述系统应用程序的页面；

展示渲染得到的所述系统应用程序的页面。

11.根据权利要求1所述的方法，其特征在于，所述方法还包括：

当电子设备进入省电模式时，将所述电子设备的屏幕的刷新率调整至第一刷新率；所述第一刷新率处于所述屏幕的刷新率范围内，并且小于刷新率阈值；

检测当前系统状态；

基于所述当前系统状态确定目标刷新率，将所述屏幕的刷新率从所述第一刷新率调整至所述目标刷新率。

12.根据权利要求11所述的方法，其特征在于，所述当前系统状态包括第一系统状态或第二系统状态，所述第一系统状态的刷新率要求高于所述第二系统状态的刷新率要求；

所述基于所述当前系统状态确定目标刷新率，将所述屏幕的刷新率从所述第一刷新率调整至所述目标刷新率，包括：

当所述当前系统状态是所述第一系统状态时，获取所述第一系统状态对应的第一参考刷新率，将所述屏幕的刷新率从所述第一刷新率调整至所述第一参考刷新率；

当所述当前系统状态是所述第二系统状态时，获取所述第二系统状态对应的第二参考刷新率，将所述屏幕的刷新率从所述第一刷新率调整至所述第二参考刷新率；所述第一参考刷新率高于所述第二参考刷新率。

13.根据权利要求1所述的方法，其特征在于，所述方法还包括：

基于所述第一颜色和所述第二颜色确定所述第一颜色和所述第二颜色之间的第二对比度；

根据所述第二对比度，从刷新率与对比度之间的对应关系进行匹配，确定对应的第二刷新率；所述刷新率与所述对比度的对应关系为负相关关系；

将屏幕的刷新率调整至所述第二刷新率。

14.一种第三方应用程序的页面展示装置，其特征在于，包括：

颜色获取模块，用于当电子设备进入省电模式时，响应于对第三方应用程序的开启指令，获取所述第三方应用程序的脚本中的背景色和前景色；

颜色调整模块，用于将所述背景色中大于或等于第三亮度阈值的部分调整为第一颜色，所述背景色中小于所述第三亮度阈值的部分保持不变；以及将所述前景色中小于所述第三亮度阈值的部分调整为第二颜色，所述前景色中大于或等于所述第三亮度阈值的部分保持不变；所述第一颜色的亮度值小于第一亮度阈值，所述第二颜色的亮度值大于第二亮度阈值，所述第一亮度阈值小于或等于第二亮度阈值；

渲染模块，用于以所述第一颜色和所述背景色中小于所述第三亮度阈值的部分分别渲染所述第三方应用程序对应的背景区域，以所述第二颜色和所述前景色中大于或等于所述第三亮度阈值的部分分别渲染所述第三方应用程序的前景区域，得到所述第三方应用程序的页面；

展示模块，用于展示渲染得到的所述第三方应用程序的页面，以提高页面渲染效率且降低屏幕耗电。

15.一种电子设备，包括存储器及处理器，所述存储器中储存有计算机程序，其特征在于，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至13中任一项所述的第三方应用程序的页面展示方法的步骤。

16.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至13中任一项所述的方法的步骤。

Images