CN110007992A - 一种页面显示方法、终端及计算机可读存储介质 - Google Patents

Abstract

本发明公开了一种页面显示方法、终端及计算机可读存储介质，该页面显示方法通过在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件，进而将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，进一步的，基于替换后的样式文件渲染目标页面，将渲染后的目标页面进行显示，解决了现有技术中针对各个不同的应用单独做护眼保护的方式相对复杂，用户体验度差的问题。本发明还公开了一种终端及计算机可读存储介质，通过实施上述方案，统一对各个应用进行了护眼效果，相对于现有技术中针对各个不同的应用单独做护眼效果而言，更加简便，且提高了护眼效果的一致性，提升了用户的体验满意度。

Description

一种页面显示方法、终端及计算机可读存储介质

技术领域

本发明涉及终端技术领域，更具体地说，涉及一种页面显示方法、终端及计算机可读存储介质。

背景技术

随着互联网的深度发展，越来越多的行业加入到互联网浪潮中，产生了无数基于互联网的应用，提供了基于文字、图片、视频、游戏、大数据服务等等的娱乐活动。终端已成为人们生活不可或缺的一部分，在用户使用终端时，终端的屏幕会对人眼产生刺激，且刺激程度与屏幕页面显示有关。目前，在现有技术中，为了减小屏幕页面显示对人眼的刺激，采用的方式是针对各个不同应用的页面显示单独做护眼效果，对人眼进行保护，但针对各个不同应用单独做护眼保护这种方式相对复杂，用户需要针对各个不同的应用单独开启护眼保护，且不同的应用设置的护眼效果还有所不同，大大降低了用户的体验满意度。

发明内容

本发明要解决的技术问题在于现有技术中针对各个不同的应用单独做护眼保护的方式相对复杂，用户体验度差的问题。针对该技术问题，提供一种页面显示方法、终端及计算机可读存储介质。

为解决上述技术问题，本发明提供一种页面显示方法，所述页面显示方法包括：

在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件；

将获取到的所述样式文件中预设元素的样式替换为所述系统护眼模式下的目标样式；

基于所述替换后的样式文件渲染所述目标页面；

将渲染后的所述目标页面进行显示。

可选的，所述获取应用目标页面的样式文件之前，还包括：

判断应用是否开启阅读模式；

若是，将所述应用当前的待显示页面作为目标页面；

获取所述应用目标页面的样式文件。

可选的，所述将获取到的所述样式文件中预设元素的样式替换为所述系统护眼模式下的目标样式，包括：

将获取到的所述样式文件中背景元素对应的样式替换为所述系统护眼模式下的背景元素目标样式；

和/或，

将获取到的所述样式文件中字体元素对应的样式替换为所述系统护眼模式下的字体元素目标样式。

可选的，所述将获取到的所述样式文件中背景元素对应的样式替换为所述系统护眼模式下的背景元素目标样式，包括：

从所述样式文件中查找到所述目标页面的背景元素的颜色显示样式；

根据所述系统护眼模式下的背景元素的颜色目标显示样式对所述查找到的所述背景元素的颜色显示样式进行替换；

所述基于所述替换后的样式文件渲染所述目标页面，包括：

基于替换后的所述背景元素的颜色样式文件对所述目标页面的背景元素的颜色进行渲染。

可选的，所述将获取到的所述样式文件中字体元素对应的样式替换为所述系统护眼模式下的字体元素目标样式，包括：

从所述样式文件中查找到所述目标页面的字体元素的颜色和/或大小和/或间距显示样式；

根据所述系统护眼模式下的字体元素的颜色和/或大小和/或间距目标显示样式对所述查找到的所述字体元素的颜色和/或大小和/或间距的显示样式进行替换；

所述基于所述替换后的样式文件渲染所述目标页面，包括：

基于替换后的所述字体元素的颜色和/或大小和/或间距样式文件对所述目标页面的字体元素的颜色和/或大小和/或间距进行渲染。

可选的，所述应用包括新闻资讯类应用、小说阅读类应用中的至少一种。

可选的，所述获取应用目标页面的样式文件，包括：

判断终端中是否存储有目标页面的样式文件；

若是，从所述终端中获取所述样式文件；

若否，从服务器获取所述样式文件。

可选的，所述将渲染后的所述目标页面进行显示之后，还包括：

获取终端的屏幕显示亮度；

根据所述终端的屏幕显示亮度以及渲染后的所述目标页面的显示效果对所述终端屏幕的显示亮度进行调整；

显示调整后的终端屏幕显示亮度。

进一步地，本发明还提供了一种终端，所述终端包括处理器、存储器及通信总线；

所述通信总线用于实现所述处理器和所述存储器之间的连接通信；

所述处理器用于执行所述存储器中存储的一个或者多个程序，以实现如上述任一项所述的页面显示方法的步骤。

进一步地，本发明还提供了一种计算机可读存储介质，所述计算存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如上述所述的页面显示方法的步骤。

有益效果

本发明提出的页面显示方法、终端及计算机可读存储介质，该页面显示方法通过在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件，进而将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，进一步的，基于替换后的样式文件渲染目标页面，将渲染后的目标页面进行显示，解决了现有技术中针对各个不同的应用单独做护眼保护的方式相对复杂，用户体验度差的问题。也即在本发明中，通过系统设置的护眼效果适用于各个应用，无需再针对各个不同的应用单独设置护眼效果，大大提升了设置护眼效果的便捷度；并且，通过系统统一设置的护眼效果在各个应用中均为一致，避免了针对各个不同的应用单独做的护眼效果不同从而使得用户体验度差的现象发生。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1为实现本发明各个实施例一个可选的移动终端的硬件结构示意图；

图2为如图1所示的移动终端的无线通信系统示意图；

图3为本发明第一实施例提供的一种页面显示方法的基本流程示意图；

图4为本发明第一实施例提供的判断应用是否开启阅读模式的基本流程示意图；

图5为本发明第一实施例提供的获取应用对应的目标页面的样式文件的基本流程示意图；

图6为本发明第一实施例提供的将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式的基本流程示意图；

图7为本发明第一实施例提供的将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式的基本流程示意图；

图8为本发明第一实施例提供的将渲染后的目标页面进行显示之后，对终端屏幕显示亮度进行调整的基本流程示意图；

图9为本发明第二实施例提供的一种具体的页面显示方法的基本流程示意图；

图10为本发明第三实施例提供的终端的结构示意图。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在后续的描述中，使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明，其本身没有特定的意义。因此，“模块”、“部件”或“单元”可以混合地使用。

终端可以以各种形式来实施。例如，本发明中描述的终端可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant，PDA)、便捷式媒体播放器(Portable Media Player，PMP)、导航装置、可穿戴设备、智能手环、计步器等移动终端，以及诸如数字TV、台式计算机等固定终端。

后续描述中将以移动终端为例进行说明，本领域技术人员将理解的是，除了特别用于移动目的的元件之外，根据本发明的实施方式的构造也能够应用于固定类型的终端。

请参阅图1，其为实现本发明各个实施例的一种移动终端的硬件结构示意图，该移动终端100可以包括：RF(Radio Frequency，射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解，图1中示出的移动终端结构并不构成对移动终端的限定，移动终端可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图1对移动终端的各个部件进行具体的介绍：

射频单元101可用于收发信息或通话过程中，信号的接收和发送，具体的，射频单元101可以将上行信息发送给基站，另外也可以将基站发送的下行信息接收后，发送给移动终端的处理器110处理，基站向射频单元101发送的下行信息可以是根据射频单元101发送的上行信息生成的，也可以是在检测到移动终端的信息更新后主动向射频单元101推送的，例如，在检测到移动终端所处的地理位置发生变化后，基站可以向移动终端的射频单元101发送地理位置变化的消息通知，射频单元101在接收到该消息通知后，可以将该消息通知发送给移动终端的处理器110处理，移动终端的处理器110可以控制该消息通知显示在移动终端的显示面板1061上；通常，射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外，射频单元101还可以通过无线通信与网络和其他设备通信，具体的可以包括：通过无线通信与网络系统中的服务器通信，例如，移动终端可以通过无线通信从服务器中下载文件资源，比如可以从服务器中下载应用程序，在移动终端将某一应用程序下载完成之后，若服务器中该应用程序对应的文件资源更新，则该服务器可以通过无线通信向移动终端推送资源更新的消息通知，以提醒用户对该应用程序进行更新。上述无线通信可以使用任一通信标准或协议，包括但不限于GSM(Global System ofMobile communication，全球移动通讯系统)、GPRS(General Packet Radio Service，通用分组无线服务)、CDMA2000(Code Division Multiple Access 2000，码分多址2000)、WCDMA(Wideband Code Division Multiple Access,宽带码分多址)、TD-SCDMA(Time Division-Synchronous Code Division Multiple Access，时分同步码分多址)、FDD-LTE(FrequencyDivision Duplexing-Long Term Evolution，频分双工长期演进)和TDD-LTE(TimeDivision Duplexing-Long Term Evolution，分时双工长期演进)等。

WiFi属于短距离无线传输技术，移动终端通过WiFi模块102可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块102，但是可以理解的是，其并不属于移动终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

音频输出单元103可以在移动终端100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时，将射频单元101或WiFi模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且，音频输出单元103还可以提供与移动终端100执行的特定功能相关的音频输出(例如，呼叫信号接收声音、消息接收声音等等)。音频输出单元103可以包括扬声器、蜂鸣器等等。

A/V输入单元104用于接收音频或视频信号。A/V输入单元104可以包括图形处理器(Graphics Processing Unit，GPU)1041和麦克风1042，图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或WiFi模块102进行发送。麦克风1042可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风1042接收声音(音频数据)，并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。麦克风1042可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。

移动终端100还包括至少一种传感器105，比如光传感器、运动传感器以及其他传感器。具体地，光传感器包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度，接近传感器可在移动终端100移动到耳边时，关闭显示面板1061和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061，可以采用液晶显示器(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode，OLED)等形式来配置显示面板1061。

用户输入单元107可用于接收输入的数字或字符信息，以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体地，用户输入单元107可包括触控面板1071以及其他输入设备1072。触控面板1071，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作)，并根据预先设定的程式驱动相应的连接装置。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器110，并能接收处理器110发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071，用户输入单元107还可以包括其他输入设备1072。具体地，其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种，具体此处不做限定。

进一步的，触控面板1071可覆盖显示面板1061，当触控面板1071检测到在其上或附近的触摸操作后，传送给处理器110以确定触摸事件的类型，随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中，触控面板1071与显示面板1061是作为两个独立的部件来实现移动终端的输入和输出功能，但是在某些实施例中，可以将触控面板1071与显示面板1061集成而实现移动终端的输入和输出功能，具体此处不做限定。比如，当通过射频单元101接收到某一应用程序的消息通知时，处理器110可以控制将该消息通知显示在显示面板1061的某一预设区域内，该预设区域与触控面板1071的某一区域对应，通过对触控面板1071某一区域进行触控操作，可以对显示面板1061上对应区域内显示的消息通知进行控制。

接口单元108用作至少一个外部装置与移动终端100连接可以通过的接口。例如，外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如，数据信息、电力等等)并且将接收到的输入传输到移动终端100内的一个或多个元件或者可以用于在移动终端100和外部装置之间传输数据。

存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器109可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

处理器110是移动终端的控制中心，利用各种接口和线路连接整个移动终端的各个部分，通过运行或执行存储在存储器109内的软件程序和/或模块，以及调用存储在存储器109内的数据，执行移动终端的各种功能和处理数据，从而对移动终端进行整体监控。处理器110可包括一个或多个处理单元；优选的，处理器110可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器110中。

移动终端100还可以包括给各个部件供电的电源111(比如电池)，优选的，电源111可以通过电源管理系统与处理器110逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管图1未示出，移动终端100还可以包括蓝牙模块等，在此不再赘述。

为了便于理解本发明实施例，下面对本发明的移动终端所基于的通信网络系统进行描述。

请参阅图2，图2为本发明实施例提供的一种通信网络系统架构图，该通信网络系统为通用移动通信技术的LTE系统，该LTE系统包括依次通讯连接的UE(User Equipment，用户设备)201，E-UTRAN(Evolved UMTS Terrestrial Radio Access Network，演进式UMTS陆地无线接入网)202，EPC(Evolved Packet Core，演进式分组核心网)203和运营商的IP业务204。

具体地，UE201可以是上述终端100，此处不再赘述。

E-UTRAN202包括eNodeB2021和其它eNodeB2022等。其中，eNodeB2021可以通过回程(backhaul)(例如X2接口)与其它eNodeB2022连接，UE201与eNodeB2021连接后，可以接收到由eNodeB2021发送的通知消息通知，eNodeB2021可以连接到EPC203，eNodeB2021可以提供UE201到EPC203的接入。

EPC203可以包括MME(Mobility Management Entity，移动性管理实体)2031，HSS(Home Subscriber Server，归属用户服务器)2032，其它MME2033，SGW(Serving Gate Way，服务网关)2034，PGW(PDN Gate Way，分组数据网络网关)2035和PCRF(Policy andCharging Rules Function，政策和资费功能实体)2036等。其中，MME2031是处理UE201和EPC203之间信令的控制节点，提供承载和连接管理。HSS2032用于提供一些寄存器来管理诸如归属位置寄存器(图中未示)之类的功能，并且保存有一些有关服务特征、数据速率等用户专用的信息。所有用户数据都可以通过SGW2034进行发送，PGW2035可以提供UE 201的IP地址分配以及其它功能，PCRF2036是业务数据流和IP承载资源的策略与计费控制策略决策点，它为策略与计费执行功能单元(图中未示)选择及提供可用的策略和计费控制决策。

IP业务204可以包括因特网、内联网、IMS(IP Multimedia Subsystem，IP多媒体子系统)或其它IP业务等。

虽然上述以LTE系统为例进行了介绍，但本领域技术人员应当知晓，本发明不仅仅适用于LTE系统，也可以适用于其他无线通信系统，例如GSM、CDMA2000、WCDMA、TD-SCDMA以及未来新的网络系统等，此处不做限定。

基于上述移动终端硬件结构以及通信网络系统，提出本发明各个实施例。

第一实施例

为了解决现有技术中针对各个不同的应用单独做护眼保护的方式相对复杂，用户体验度差的问题。本实施例提供一种页面显示方法，该页面显示方法通过在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件，进而将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，进一步的，基于替换后的样式文件渲染目标页面，将渲染后的目标页面进行显示。具体参见图3所示，图3为本实施例提供的页面显示方法的基本流程图：

S301：在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件。

需要说明的是，本实施例中所述的系统护眼模式是由系统统一设置的护眼模式，其应用于终端上的各个应用，即终端上的各个应用不必单独设置其对应的护眼模式。同时，还需要说明的是，护眼模式是针对终端上各个应用的页面显示效果而言，且本实施例中所述的页面通常为网页形式的页面，当然也包括其他形式的页面，本发明对此不做具体限定。

在本实施例中，应用包括但不局限于新闻资讯类应用、小说阅读类应用，具体的，应用可包括新闻资讯类应用和/或小说阅读类应用。值得注意的是，这里所介绍的只是两种常见类型的应用，本发明并不局限于这两种类型的应用，在实际应用中，需根据用户安装在终端上的具体应用类型而定。为了更好的理解本发明，这里以应用包括新闻资讯类应用和小说阅读类应用为例，即系统统一设置的护眼模式适用于各个新闻资讯类应用以及各个小说阅读类应用。可以理解的是，新闻资讯类应用包括但不局限于腾讯新闻、今日头条、网易新闻、凤凰新闻、新浪新闻、搜狐新闻、UC新闻等，小说阅读类应用包括但不局限于掌阅、咪咕阅读、QQ阅读、书旗小说、追书神器、宜搜小说、塔读文学、起点读书、多看阅读等。值得注意的是，这里所介绍的只是一些具体的新闻资讯类应用和小说阅读类应用，在实际应用中，需根据具体应用场景做灵活调整。

在本实施例中，当应用还包括其他类型的应用时，例如微信，其可以有聊天界面，也可以有阅读界面(如资讯阅读界面)，因此，针对该类应用而言，在获取应用目标页面的样式文件之前，还包括至少以下步骤，具体参见图4所示：

S401：判断应用是否开启阅读模式；

若是，执行S402，若否，继续执行S401。

可以理解的是，系统可自动识别应用当前是否处于阅读页面，当识别当前处于各种阅读页面时，该应用可自动开启阅读模式，或可通过用户下发开启阅读模式指令后开启阅读模式，在实际应用中，需根据具体应用场景做灵活调整。

S402：将应用当前的待显示页面作为目标页面。

应当明确的是，当应用开启阅读模式时，便意味着该应用当前的待显示页面为阅读显示页面，此时将应用当前的待显示页面作为目标页面。

S403：获取应用目标页面的样式文件。

进一步的，获取该应用对应的目标页面的样式文件。

在本实施例中，获取应用对应的目标页面的样式文件，包括至少以下步骤，具体参见图5所示：

S501：判断终端中是否存储有目标页面的样式文件；

若是，执行S502，若否，执行S503。

应当明确的是，终端上各应用目标页面的样式文件可能存储在终端上，也可能存储在服务器上，将样式文件存储在终端上可使得获取到样式文件的速率更快，即页面显示样式的加载速率更快；将样式文件存储在服务器上可使终端上的内存占用率更低。因此，需要判断终端上是否存储有目标页面的样式文件，如果终端上存储有目标页面的样式文件，则需从终端中获取样式文件，如果服务器上存储有目标页面的样式文件，则需从服务器上获取样式文件。

S502：从终端中获取样式文件。

可以理解的是，如果终端上存储有目标页面的样式文件，则需从终端中获取样式文件。

S503：从服务器获取样式文件。

还可以理解的是，如果服务器上存储有目标页面的样式文件，则需从服务器上获取样式文件。

S302：将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式。

在本实施例中，将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，包括至少以下两种方式：

方式一：将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式。

应当明确的是，方式一具体是通过改变目标页面的背景元素的颜色这一样式起到护眼效果。

在本实施例中，将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式，包括至少以下步骤，具体参见图6所示：

S601：从样式文件中查找到目标页面的背景元素的颜色显示样式。

可以理解的是，首先需从获取到的样式文件中查找到目标页面中的背景元素对应的颜色显示样式，例如，设从样式文件中查找到目标页面中的背景元素background对应的颜色color显示样式为red。

S602：根据系统护眼模式下的背景元素的颜色目标显示样式对查找到的背景元素的颜色显示样式进行替换。

还可以理解的是，在系统护眼模式下预先设置有背景元素的颜色目标显示样式，因此，基于设置的背景元素的颜色目标显示样式对查找到的背景元素的颜色显示样式进行替换，例如，承接上例，同时设系统护眼模式下背景元素background对应的颜色color目标显示样式为green，此时将样本文件中的background-color：red修改为background-color：green。

值得注意的是，这里所列举的仅是背景元素颜色样式的替换从而起到护眼效果，当然了，还可以对除背景元素颜色样式之外的其他样式进行替换以起到护眼效果，在实际应用中，可由开发人员根据实验或经验进行灵活设置。

方式二：将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式。

应当明确的是，方式二具体是通过改变目标页面的字体元素的颜色和/或大小和/或间距样式起到护眼效果。

在本实施例中，将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式，包括至少以下步骤，具体参见图7所示：

S701：从样式文件中查找到目标页面的字体元素的颜色和/或大小和/或间距显示样式。

可以理解的是，首先需从获取到的样式文件中查找到目标页面中的字体元素对应的颜色和/或大小和/或间距显示样式，例如，设从样式文件中查找到目标页面中的字体元素对应的颜色color显示样式为blue，字体大小font-size显示样式为10px，间距letter-spacing显示样式为2px。

S702：根据系统护眼模式下的字体元素的颜色和/或大小和/或间距目标显示样式对查找到的字体元素的颜色和/或大小和/或间距的显示样式进行替换。

还可以理解的是，在系统护眼模式下预先设置有字体元素的颜色和/或大小和/或间距目标显示样式，因此，基于设置的字体元素的颜色和/或大小和/或间距目标显示样式对查找到的字体元素的颜色和/或大小和/或间距显示样式进行替换，例如，承接上例，同时设系统护眼模式下字体元素对应的颜色color目标显示样式为black，大小font-size目标显示样式为12px，间距letter-spacing目标显示样式为5px，此时将样本文件中的color：blue修改为color：black，font-size：10px修改为font-size：12px，将letter-spacing：2px修改为letter-spacing：5px。

值得注意的是，这里所列举的仅是字体元素颜色和/或大小和/或间距样式的替换从而起到护眼效果，当然了，还可以对除字体元素颜色和/或大小和/或间距样式之外的其他样式进行替换以起到护眼效果，在实际应用中，可由开发人员根据实验或经验进行灵活设置。

另外，还值得注意的是，上述介绍的两种方式可以结合，也即将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式的同时，还将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式，在两种方式结合的情况下，可考虑背景元素与字体元素的对比度显示效果从而更好的起到护眼效果。

需要说明的是，本发明中仅示例了通过改变背景元素以及字体元素这两种元素对应的样式对目标页面进行渲染起到护眼效果，本发明并不局限于这两种元素的样式改变，在实际应用中，需由开发人员根据实验或经验进行灵活设置。

另外，还需要说明的是，本实施例中的预设元素的样式改变不包括图片元素样式的改变，可以理解的是，现有技术中，在进行页面护眼效果显示时，将图片元素样式也一同做了护眼效果的改变，例如，图片颜色、图片大小等。可以知道的是，图片颜色以及大小的改变会导致图片模糊、变形等，大大降低了图片的显示效果，进而使得用户的体验满意度也大大降低，因此，在本实施例中，在涉及到页面护眼效果的显示时，均不对图片元素的样式进行处理，具体的，在获取到样本文件时，不替换样本文件中的各图片元素样式。

S303：基于替换后的样式文件渲染目标页面。

在本实施例中，将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式之后，基于替换后的样式文件渲染目标页面，从而起到护眼效果。为了更好的理解，这里以上述介绍的两种方式为例进行示例说明，当将获取到的样式文件中背景元素的颜色显示样式替换为系统护眼模式下的背景元素的颜色目标显示样式时，基于替换后的背景元素的颜色样式文件对目标页面的背景元素的颜色样式进行渲染；当将获取到的样式文件中字体元素的颜色和/或大小和/或间距显示样式替换为系统护眼模式下的字体元素的颜色和/或大小和/或间距目标显示样式，基于替换后的字体元素的颜色和/或大小和/或间距样式文件对目标页面的字体元素的颜色和/或大小和/或间距样式进行渲染。应当理解的是，样式文件中的除背景元素和字体元素之外的其他元素仍按照样式文件中其他元素的原始样式对目标页面进行渲染。

S304：将渲染后的目标页面进行显示。

在本实施例中，基于替换后的样式文件渲染目标页面之后，必然的，将渲染后的目标页面进行显示以供用户查看。在本实施例中，将渲染后的目标页面进行显示之后，还包括至少以下步骤，具体参见图8所示：

S801：获取终端的屏幕显示亮度。

应当明确的是，终端屏幕的显示亮度较高或较低均会对人眼造成一定刺激，从而影响用户视力，因此，在本实施例中，还可以获取终端的屏幕显示亮度，在适当情况下，对终端的屏幕显示亮度进行调整从而进一步起到护眼效果。

S802：根据终端的屏幕显示亮度以及渲染后的目标页面的显示效果对终端屏幕的显示亮度进行调整。

可以理解的是，当获取到终端的屏幕显示亮度后，可根据终端的屏幕显示亮度以及渲染后的目标页面的显示效果对终端屏幕的显示亮度进行调整。值得注意的是，在实际应用中，由开发人员根据实验或经验对终端的屏幕显示亮度值以及渲染后的目标页面的显示效果设置相应的可对人眼起到保护作用的终端屏幕显示亮度值，并预先存储在终端中。

S803：显示调整后的终端屏幕显示亮度。

进一步的，按照调整后的终端屏幕显示亮度进行显示以加强对用户视力的保护，提升用户的体验满意度。

本实施例提供的页面显示方法，通过在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件，进而将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，进一步的，基于替换后的样式文件渲染目标页面，将渲染后的目标页面进行显示，解决了现有技术中针对各个不同的应用单独做护眼保护的方式相对复杂，用户体验度差的问题。也即在本实施例中，通过系统设置的护眼效果适用于各个应用，无需再针对各个不同的应用单独设置护眼效果，大大提升了设置护眼效果的便捷度；并且，通过系统统一设置的护眼效果在各个应用中均为一致，避免了针对各个不同的应用单独做的护眼效果不同从而使得用户体验度差的现象发生。

同时，本实施例提供的页面显示方法中的预设元素不包括图片元素，也即本实施例中在进行页面护眼效果显示时，会避开对图片元素样式的改变，因此，不会出现由于要达到护眼效果而一同对图片元素样式进行了改变，从而使得图片模糊、变形、显示效果差等现象的发生，进一步提升了用户的体验满意度。

第二实施例

本实施例是在第一实施例的基础上，以一种具体的页面显示方法为例对本发明作进一步的示例说明，具体参见图9所示：

S901：在监测到当前终端处于系统护眼模式时，判断应用是否开启阅读模式；

若是，执行S902，若否，继续执行S901。

设用户下发了系统护眼模式开启指令，即此时终端处于系统护眼模式下，同时设当前在终端前台运行的应用为新闻资讯类应用A，即用户当前正使用应用A，终端自动监测到应用A开启了阅读模式，此时执行S902。

S902：将应用当前的待显示页面作为目标页面。

承接上例，进一步的，设应用A当前的待显示页面为a，此时将待显示页面a作为目标页面。

S903：获取应用目标页面的样式文件。

承接上例，进一步的，设获取应用A目标页面a的样式文件K。

S904：将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，预设元素不包括图片元素。

承接上例，进一步的，设预设元素为背景元素和字体元素，且针对背景元素的颜色样式以及字体元素的颜色、大小和间距样式为例进行改变起到护眼效果；具体的：

从样式文件K中查找到目标页面的背景元素的颜色显示样式，根据系统护眼模式下的背景元素的颜色目标显示样式对查找到的背景元素的颜色显示样式进行替换。

从样式文件K中查找到目标页面的字体元素的颜色和大小和间距显示样式，根据系统护眼模式下的字体元素的颜色、大小和间距目标显示样式对查找到的字体元素的颜色、大小和间距的显示样式进行替换。

S905：基于替换后的样式文件渲染目标页面。

承接上例，进一步的，基于替换了背景元素的颜色样式对目标页面a的背景元素的颜色样式进行渲染，同时基于替换了字体元素的颜色、大小和间距样式对目标页面a的字体元素的颜色、大小和间距样式进行渲染；可以理解的是，样式文件K中的除背景元素和字体元素之外的其他元素仍按照样式文件K中其他元素的原始样式对目标页面进行渲染。

S906：将渲染后的目标页面进行显示。

承接上例，进一步的，将渲染后的目标页面a进行显示。

S907：获取终端的屏幕显示亮度。

承接上例，进一步的，获取终端的屏幕显示亮度，设获取到终端的屏幕显示亮度值为k1。

S908：根据终端的屏幕显示亮度以及渲染后的目标页面的显示效果对终端屏幕的显示亮度进行调整。

承接上例，进一步的，设基于系统护眼模式下预先存储的目标页面的显示效果-屏幕目标显示亮度值映射表，查找到在当前渲染后的目标页面的显示效果下，屏幕目标显示亮度值为k2。

S909：显示调整后的终端屏幕显示亮度。

承接上例，进一步的，将终端屏幕显示亮度值由k1调整为k2后进行显示，以进一步加强对用户视力的保护。

本实施例提供的页面显示方法，通过在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件，进而将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，进一步的，基于替换后的样式文件渲染目标页面，将渲染后的目标页面进行显示，解决了现有技术中针对各个不同的应用单独做护眼保护的方式相对复杂，用户体验度差的问题。同时，在本实施例中，基于替换后的样式文件渲染目标页面进行显示之后，还基于系统护眼模式下预先存储的目标页面的显示效果-屏幕目标显示亮度值映射表，在适当情况下，对终端的屏幕显示亮度进行调整从而进一步加强护眼效果，减少对人眼的刺激，在一定程度上提升了用户的体验满意度。

第三实施例

本实施例提供一种终端，请参见图10所示，本实施例提供的终端包括处理器1001、存储器1002及通信总线1003。

其中，本实施例中的通信总线1003用于实现处理器1001与存储器1002之间的连接通信，处理器1001则用于执行存储器1002中存储的一个或者多个程序，以实现以下步骤：

在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件；

将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式；

基于替换后的样式文件渲染目标页面；

将渲染后的目标页面进行显示。

需要说明的是，本实施例中所述的系统护眼模式是由系统统一设置的护眼模式，其应用于终端上的各个应用，即终端上的各个应用不必单独设置其对应的护眼模式。可以理解的是，在本实施例中，应用包括但不局限于新闻资讯类应用、小说阅读类应用，具体的，应用可包括新闻资讯类应用和/或小说阅读类应用。

在本实施例中，当应用还包括其他类型的应用时，例如微信，其可以有聊天界面，也可以有阅读界面(如资讯阅读界面)，因此，针对该类应用而言，处理器1001在获取应用目标页面的样式文件之前，执行至少以下步骤：

判断应用是否开启阅读模式；

若是，将应用当前的待显示页面作为目标页面；

获取应用目标页面的样式文件。

可以理解的是，系统可自动识别当前是否处于各种阅读页面，当识别当前处于各种阅读页面时，该应用可自动开启阅读模式，或可通过用户下发开启阅读模式指令后开启阅读模式，在实际应用中，需根据具体应用场景做灵活调整。应当明确的是，当应用开启阅读模式时，便意味着该应用当前的待显示页面为阅读显示页面，此时将应用当前的待显示页面作为目标页面，进一步的，获取该应用对应的目标页面的样式文件。

在本实施例中，处理器1001获取应用对应的目标页面的样式文件，执行至少以下步骤：

判断终端中是否存储有目标页面的样式文件；

若是，从终端中获取样式文件；

若否，从服务器获取样式文件。

应当明确的是，终端上各应用目标页面的样式文件可能存储在终端上，也可能存储在服务器上，将样式文件存储在终端上可使得获取到样式文件的速率更快，即页面显示样式的加载速率更快，将样式文件存储在服务器上可使终端上的内存占用率更低。因此，需要判断终端上是否存储有目标页面的样式文件，如果终端上存储有目标页面的样式文件，则需从终端中获取样式文件，如果服务器上存储有目标页面的样式文件，则需从服务器上获取样式文件。

在本实施例中，处理器1001将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，包括至少以下两种方式：

方式一：处理器1001将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式。

方式二：处理器1001将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式。

在本实施例中，处理器1001将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式，执行至少以下步骤：

从样式文件中查找到目标页面的背景元素的颜色显示样式；

根据系统护眼模式下的背景元素的颜色目标显示样式对查找到的背景元素的颜色显示样式进行替换。

在本实施例中，处理器1001将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式，执行至少以下步骤：

从样式文件中查找到目标页面的字体元素的颜色和/或大小和/或间距显示样式；

根据系统护眼模式下的字体元素的颜色和/或大小和/或间距目标显示样式对查找到的字体元素的颜色和/或大小和/或间距的显示样式进行替换。

值得注意的是，上述介绍的两种方式可以结合，也即处理器1001将获取到的样式文件中背景元素对应的样式替换为系统护眼模式下的背景元素目标样式的同时，处理器1001还将获取到的样式文件中字体元素对应的样式替换为系统护眼模式下的字体元素目标样式，在两种方式结合的情况下，可考虑背景元素与字体元素的对比度显示效果从而更好的起到护眼效果。

需要说明的是，本实施例中的预设元素的样式改变不包括图片元素样式的改变，可以理解的是，现有技术中，在进行页面护眼效果显示时，将图片元素样式也一同做了护眼效果的改变，例如，图片颜色。可以知道的是，图片颜色的改变会导致图片模糊等，大大降低了图片的显示效果，进而使得用户的体验满意度也大大降低，因此，在本实施例中，在涉及到页面护眼效果的显示时，均不对图片元素的样式进行处理，具体的，处理器1001在获取到样本文件时，不替换样本文件中的各图片元素样式。

在本实施例中，处理器1001将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式之后，基于替换后的样式文件渲染目标页面，从而起到护眼效果。为了更好的理解，这里以上述介绍的两种方式为例进行示例说明，当将获取到的样式文件中背景元素的颜色显示样式替换为系统护眼模式下的背景元素的颜色目标显示样式时，处理器1001基于替换后的背景元素的颜色样式文件对目标页面的背景元素的颜色进行渲染；当将获取到的样式文件中字体元素的颜色和/或大小和/或间距显示样式替换为系统护眼模式下的字体元素的颜色和/或大小和/或间距目标显示样式，处理器1001基于替换后的字体元素的颜色和/或大小和/或间距样式文件对目标页面的字体元素的颜色和/或大小和/或间距进行渲染。应当理解的是，样式文件中的除背景元素和字体元素之外的其他元素仍按照样式文件中其他元素的样式对目标页面进行渲染。

在本实施例中，基于替换后的样式文件渲染目标页面之后，必然的，处理器1001将渲染后的目标页面进行显示以供用户查看。在本实施例中，处理器1001将渲染后的目标页面进行显示之后，执行至少以下步骤：

获取终端的屏幕显示亮度；

根据终端的屏幕显示亮度以及渲染后的目标页面的显示效果对终端屏幕的显示亮度进行调整；

显示调整后的终端屏幕显示亮度。

应当明确的是，终端屏幕的显示亮度较高或较低均会对人眼造成一定刺激，从而影响用户视力，因此，在本实施例中，处理器1001还可以获取终端的屏幕显示亮度，在适当情况下，对终端的屏幕显示亮度进行调整从而进一步起到护眼效果。

值得注意的是，为了不累赘说明，在本实施例中并未完全阐述实施例一、二中的所有示例，应当明确的是，实施例一、二中的所有示例均适用于本实施例。

本实施例还提供一种计算机可读存储介质，计算机可读存储介质存储有一个或者多个程序，一个或者多个程序可被一个或者多个处理器执行，以实现如上述的页面显示方法的步骤。

本实施例提供的终端和计算机可读存储介质通过在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件，进而将获取到的样式文件中预设元素的样式替换为系统护眼模式下的目标样式，进一步的，基于替换后的样式文件渲染目标页面，将渲染后的目标页面进行显示。所以和现有技术相比，本实施例提供的终端大大提高了设置护眼效果的便捷度以及护眼效果的一致性，在很大程度上提升了用户的体验满意度；并且，本实施例提供的终端在进行页面护眼效果显示时，会避开对图片元素样式的改变，因此，不会出现由于要达到护眼效果而一同对图片元素样式进行了改变，从而使得图片模糊、显示效果差等现象的发生，进一步提升了用户的体验满意度。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，这些均属于本发明的保护之内。

Claims (10)

1.一种页面显示方法，其特征在于，所述页面显示方法包括：

在监测到当前终端处于系统护眼模式时，获取应用目标页面的样式文件；

将获取到的所述样式文件中预设元素的样式替换为所述系统护眼模式下的目标样式；

基于所述替换后的样式文件渲染所述目标页面；

将渲染后的所述目标页面进行显示。

2.如权利要求1所述的页面显示方法，其特征在于，所述获取应用目标页面的样式文件之前，还包括：

判断应用是否开启阅读模式；

若是，将所述应用当前的待显示页面作为目标页面；

获取所述应用目标页面的样式文件。

3.如权利要求1所述的页面显示方法，其特征在于，所述将获取到的所述样式文件中预设元素的样式替换为所述系统护眼模式下的目标样式，包括：

将获取到的所述样式文件中背景元素对应的样式替换为所述系统护眼模式下的背景元素目标样式；

和/或，

将获取到的所述样式文件中字体元素对应的样式替换为所述系统护眼模式下的字体元素目标样式。

4.如权利要求3所述的页面显示方法，其特征在于，所述将获取到的所述样式文件中背景元素对应的样式替换为所述系统护眼模式下的背景元素目标样式，包括：

从所述样式文件中查找到所述目标页面的背景元素的颜色显示样式；

根据所述系统护眼模式下的背景元素的颜色目标显示样式对所述查找到的所述背景元素的颜色显示样式进行替换；

所述基于所述替换后的样式文件渲染所述目标页面，包括：

基于替换后的所述背景元素的颜色样式文件对所述目标页面的背景元素的颜色进行渲染。

5.如权利要求3所述的页面显示方法，其特征在于，所述将获取到的所述样式文件中字体元素对应的样式替换为所述系统护眼模式下的字体元素目标样式，包括：

从所述样式文件中查找到所述目标页面的字体元素的颜色和/或大小和/或间距显示样式；

根据所述系统护眼模式下的字体元素的颜色和/或大小和/或间距目标显示样式对所述查找到的所述字体元素的颜色和/或大小和/或间距的显示样式进行替换；

所述基于所述替换后的样式文件渲染所述目标页面，包括：

基于替换后的所述字体元素的颜色和/或大小和/或间距样式文件对所述目标页面的字体元素的颜色和/或大小和/或间距进行渲染。

6.如权利要求1所述的页面显示方法，其特征在于，所述应用包括新闻资讯类应用、小说阅读类应用中的至少一种。

7.如权利要求1-6任一项所述的页面显示方法，其特征在于，所述获取应用目标页面的样式文件，包括：

判断终端中是否存储有目标页面的样式文件；

若是，从所述终端中获取所述样式文件；

若否，从服务器获取所述样式文件。

8.如权利要求1-6任一项所述的页面显示方法，其特征在于，所述将渲染后的所述目标页面进行显示之后，还包括：

获取终端的屏幕显示亮度；

根据所述终端的屏幕显示亮度以及渲染后的所述目标页面的显示效果对所述终端屏幕的显示亮度进行调整；

显示调整后的终端屏幕显示亮度。

9.一种终端，其特征在于，所述终端包括处理器、存储器及通信总线；

所述通信总线用于实现所述处理器和所述存储器之间的连接通信；

所述处理器用于执行所述存储器中存储的一个或者多个程序，以实现如权利要求1-8任一项所述的页面显示方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有一个或者多个程序，所述一个或者多个程序可被一个或者多个处理器执行，以实现如权利要求1-8任一项所述的页面显示方法的步骤。