CN104331524A

CN104331524A - 页面显示方法、装置及终端

Info

Publication number: CN104331524A
Application number: CN201410715343.6A
Authority: CN
Inventors: 李亚维; 刘云倚
Original assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Current assignee: Guangdong Oppo Mobile Telecommunications Corp Ltd
Priority date: 2014-11-28
Filing date: 2014-11-28
Publication date: 2015-02-04
Anticipated expiration: 2034-11-28
Also published as: CN104331524B

Abstract

本发明适用于页面显示领域，提供了页面显示方法、装置及终端，该方法包括：获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字；根据所获取的页面内容信息的文字和图片，相应的减少或增强所述页面颜色显示效果。从而克服现有技术中不能针对不同的页面内容，采用更有利于人眼视力的方式对页面进行显示的问题，实现针对不同种类的页面内容，采用不同的页面颜色显示效果，减少对使用者视力的损害的目的。

Description

页面显示方法、装置及终端

技术领域

本发明属于页面显示领域，尤其涉及页面显示方法、装置及终端。

背景技术

随着移动互联网的飞速发展，移动终端也在多元化的发展，作为移动互联网的主要载体-----手机，已经在我们生活中扮演着越来越重要的角色，我们可以通过手机上网、发信息、打电话、玩游戏、购物等等，手机在某些方面已经逐渐取代电脑的作用，手机在给我们带来便利的同时也同样带来一些健康隐患，比如在使用手机过程中，容易损害用户的视力。

为减少人们使用移动终端对视力带来的损害，现有技术通常对用户的使用时间进行监控，当超过设定的使用时间后，发出提醒信息或者直接关闭显示屏幕，以减少对用户视力的损害。

上述检测用户使用时间的方式，可以较好的减少对用户视力的损害。在实现本发明过程中，发明人发现现有技术中至少存在如下问题：现有技术仅仅对显示屏的显示时间进行监测提醒，而不能针对不同的页面内容，采用更有利于人眼视力的方式对页面进行显示。

发明内容

有鉴于此，本发明实施例提供一种页面显示方法、装置及终端，以解决现有技术仅仅对显示屏的显示时间进行监测提醒，而不能针对不同的页面内容，采用更有利于人眼视力的方式对页面进行显示的问题。

第一方面，提供了一种页面显示方法，所述方法包括：

获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字；

根据所获取的页面内容信息的文字和图片，相应的减少或增强所述页面颜色显示效果。

结合第一方面，在第一方面的第一种可能实施方式中，在所述获取待显示的页面内容信息，所述页面内容信息包括页面中的图片信息和页面中的文字信息步骤之后，所述方法还包括：

查找所述页面内容信息中图片的位置信息以及所述文字的位置信息；

所述根据所获取的页面内容信息的文字和图片，相应的减少或增强所述页面颜色显示效果步骤具体为：

根据所查找的位置信息，按照预设的增强页面颜色显示效果的参数值显示所述页面中的图片，以及，按照预设的减弱页面颜色显示效果的参数值显示所述页面中的文字。

结合第一方面，在第一方面的第二种可能实施方式中，在所述获取待显示的页面内容信息，所述页面内容信息包括页面中的图片信息和页面中的文字信息步骤之后，所述方法还包括：

计算所述页面内容信息中的文字的面积占所述页面的面积的百分比值；

所述根据所获取的页面内容信息的文字和图片，相应的减弱或增强所述页面颜色显示效果步骤具体为：

根据文字的面积占所述页面的面积的百分比值与页面颜色显示效果的参数值的对应关系，随着所述百分比值的增加而相应的增强所述页面颜色显示效果的参数值。

结合第一方面，在第一方面的第三种可能实施方式中，在所述获取待显示的页面内容信息，所述页面内容信息包括页面中的图片信息和页面中的文字信息步骤之后，所述方法还包括：

当所述百分比值小于第一预设值时，按照预设的增强页面颜色显示效果的参数值显示所述页面；

当所述百分比大于或等于第一预设值，小于第二预设值时，按照预设的正常页面颜色显示效果的参数值显示所述页面；

当所述百分比大于或等于第二预设值时，按照预设的减弱页面颜色效果的参数值显示所述页面。

结合第一方面、第一方面的第一种可能实施方式、第一方面的第二种可能实施方式、第一方面的第三种可能实施方式，在第一方面的第四种可能实施方式中，所述调整所述页面颜色显示效果包括增加或减少色调、增加或降低饱和度、以及是否过滤蓝光中的一种或者多种。

第二方面，提供了一种页面显示装置，所述装置包括：

页面内容信息获取单元，用于获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字；

页面颜色显示效果调整单元，用于根据页面内容信息获取单元所获取的页面内容信息中的文字或图片，相应的减弱或增强所述页面颜色显示效果。

结合第二方面，在第一方面的第一种可能实施方式中，所述装置还包括：

位置信息查找单元，用于根据页面内容信息获取单元查找所述页面内容信息中图片的位置信息以及所述文字的位置信息；

所述页面颜色显示效果调整单元具体用于：根据所查找的位置信息，按照预设的增强页面颜色显示效果的参数值显示所述页面中的图片，以及，按照预设的减弱页面颜色显示效果的参数值显示所述页面中的文字。

结合第二方面，在第一方面的第二种可能实施方式中，所述装置还包括：

百分比值计算单元，用于根据页面内容信息获取单元计算所述页面内容信息中的文字的面积占所述页面的面积的百分比值；

所述页面颜色显示效果调整单元具体用于：

结合第二方面，在第一方面的第三种可能实施方式中，所述装置还包括：

所述页面颜色显示效果调整单元包括：

第一显示子单元，用于所述百分比计算单元获取的所述百分比值小于第一预设值时，按照预设的增强页面颜色显示效果的参数值显示所述页面；

第二显示子单元，用于所述百分比计算单元获取的所述百分比值大于或等于第一预设值，小于第二预设值时，按照预设的正常页面颜色显示效果的参数值显示所述页面；

第三显示子单元，用于所述百分比计算单元获取的所述百分比值大于或等于第二预设值时，按照预设的减弱页面颜色效果的参数值显示所述页面。

第三方面，提供了一种终端，所述终端包括上述任一项所述的页面显示装置。

结合第三方面，在第三方面的第一种可能实现方式中，所述终端为智能手机或者平板电脑。

在本发明实施例中，由于采用了获取待显示页面内容信息中包括的页面中的图片和页面中的文字，根据所述页面中的图片和文字，相应的增强图片的页面颜色显示效果或者，减弱文字的页面颜色显示效果，从而克服现有技术中不能针对不同的页面内容，采用更有利于人眼视力的方式对页面进行显示的问题，实现针对不同种类的页面内容，采用不同的页面颜色显示效果，减少对使用者视力的损害的目的。

附图说明

图1是本发明第一实施例提供的页面显示方法的实现流程图；

图2是本发明第二实施例提供的页面显示方法的实现流程图；

图3是本发明第三实施例提供的页面显示方法的实现流程图；

图4是本发明第四实施例提供的页面显示方法的实现流程图；

图5是本发明第五实施例提供的页面显示装置的结构示意图。

具体实施方式

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

本发明实施例可用于各种不同设备的显示屏的页面显示，尤其适用于屏幕较小的移动终端设备，比如智能手机等。由于现有技术中针对保护使用者视力的方案一般通过监测使用时间来提醒用户或者关闭显示屏幕的方式，没有根据页面内容进行调整，不能根据不同页面内容显示时对眼睛的刺激的强度，从而容易对眼睛造成损害。基于此问题，本发明实施例提供了一种页面显示方法，所述方法包括：

获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字；根据所获取的页面内容信息的文字和图片，相应的减少或增强所述页面颜色显示效果。从而克服现有技术中不能针对不同的页面内容，采用更有利于人眼视力的方式对页面进行显示的问题，实现针对不同种类的页面内容，采用不同的页面颜色显示效果，减少对使用者视力的损害的目的。

实施例一：

图1示出了本发明第一实施例提供的一种页面显示方法的实现流程，详述如下：

在步骤S101中，获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字。

具体的，所述页面，可以理解为一个完整屏幕中所显示的所有内容，对于手机来说，页面也可以理解为应用程序的显示界面，由于应用程序显示的界面通常为整个屏幕，因此，在使用应用程序时，应用程序的显示界面也即完整屏幕中显示的内容。

所述页面中的图片，可以包括页面中用于显示正文内容的图片，以及用于辅助显示的边框图片，当然也可以仅为正文内容的图片。对于手机等智能移动终端来说，所述页面中的图片通常为页面正文中用于显示的图片，比如应用中的图片。对于页面中的文字，通常指页面中正文的文字。

所述获取待显示的页面内容信息的方法，可以通过查看页面源代码的方式，在对应的关键词检索中，获取当前待显示的内容中可以包括的文字、文字的大小、文字字体等，同样也可以通过图片的代码关键词检索显示的图片的属性信息，比如可以为图片的大小、图片的位置等。

所述待显示的页面内容信息，在现有技术的显示方法中，即获取待显示的内容后，根据应用程序的显示参数，即直接对所述文字和图片进行显示。本发明实施例中对所述待显示的页面内容信息，在显示前，需要对其进一步进行页面颜色显示效果的处理，如步骤S102所述。

在步骤S102中，根据所获取的页面内容信息的文字和图片，相应的减少或增强所述页面颜色显示效果。

具体的，人们使用移动终端浏览不同的页面时，每个页面内容都有一定的特征，有的是文字居多，有的是图片居多，有的是图文并茂。对于文字类的页面内容，由于其显示的目的为使用户能够看清楚笔画，了解笔画所表达的文字信息即可，因此可以通过相应的减少页面颜色显示效果来减少对眼睛造成的疲劳，而对于图片内容，由于其表达的内容取决于图片画面中的每个像素，因此，为了保证图片的显示效果，可以相应的增强所述页面颜色显示效果，以避免图片失真。

在接下来的实施例二、实施例三以及实施例四，将具体介绍三种根据页面内容信息的文字和图片，相应减少和增加所述页面颜色显示效果的实施方式。其中，实施例二通过区分图片的位置与文字的位置，分别采用不同的颜色显示效果；实施例三通过计算页面中的主导内容来相应的调整页面颜色显示效果这；实施例四通过计算页面中的主导内容与阈值进行比较，相应的调整至三种不同的页面颜色显示效果。

本发明实施例中，通过获取待显示页面内容信息中包括的页面中的图片和页面中的文字，根据所述页面中的图片和文字，相应的增强图片的页面颜色显示效果或者，减弱文字的页面颜色显示效果，从而克服现有技术中不能针对不同的页面内容，采用更有利于人眼视力的方式对页面进行显示的问题，实现针对不同种类的页面内容，采用不同的页面颜色显示效果，减少对使用者视力的损害的目的。

实施例二：

图2示出了本发明第二实施例提供的页面显示方法的实现流程，详述如下：

在步骤S201中，获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字。

该步骤与本发明实施例一中所述步骤S101相同。

在步骤S202中，查找所述页面内容信息中图片的位置信息以及所述文字的位置信息。

所述图片的位置信息，对于规则形状的图形，可以通过图片的形状以及图片的中心位置来确定，当然也可以通过图片的形状结合其它位置点进行确定。比如在页面中显示的图片一般为长方形，则可以根据长方形的长、宽以及长方形的中心点坐标确定所述图片的位置信息；对于页面中图片的圆形，则可以根据圆的半径以及圆心坐标确定圆的位置。

所述文字的位置信息，是指文字所在区域，可以为多个区域的叠加，通过确定每个叠加的区域的边框及坐标，比如文字所在区域包括多个长方形组成，获取每个长方形的长宽数据以及中心点坐标或者顶点坐标，将多个形状相加即可得到文字所在的区域。

所述查找的方法，可以根据用于显示的后台源代码，比如应用程序的显示数据中的相应关键词获取图片以及文字所在区域的大小以及坐标信息。

在步骤S203中，根据所查找的位置信息，按照预设的增强页面颜色显示效果的参数值显示所述页面中的图片，以及，按照预设的减弱页面颜色显示效果的参数值显示所述页面中的文字。

具体的，在查找到图片的位置信息以及文字的位置信息后，则对图片和文字分别采用两种不同的显示效果进行显示，其中，对图片区域采用增强页面颜色显示效果的参数值显示所述页面中的图片，对文字区域采用减弱页面颜色显示效果的参数值显示所述页面中的文字。

所述预设的增强页面颜色显示效果的参数值，可以包括提高目标区域的显示色调，或者增加目标区域显示的饱和度，或者减少或者不对RGB颜色中蓝光的过滤中的一项或者多项。其中，提高的色调参数值、增加饱和度的参数值以及过滤蓝光的比例可以根据用户的使用要求，灵活进行设定，从而能够保持图片显示的完整性。

所述预设的减弱页面颜色显示效果的参数值，与之前相应的，可以包括降低目标区域的显示色调，或者减少目标区域显示的饱和度，或者增加RGB颜色中蓝光的过滤中的一项或者多项。其中，降低的色调参数值、减少饱和度的参数值以及过滤蓝光的比例可以根据用户的使用要求，灵活进行设定，从而能够保证文字的正常显示的同时，减轻对视力产生疲劳的因素，从而有效的减少对用户眼睛的损害。

本发明实施例通过对页面内容信息中的文字以及图片的位置信息进行查找，并根据查找的位置信息，相应的采用不同的页面显示效果进行显示，在保证图片显示的完整性的同时，可以减少了文字显示对用户的损害，从而实现减少对使用者视力损害的目的。

实施例三：

图3示出了本发明第三实施例提供的页面显示方法的实现流程，详述如下：

在步骤S301中，获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字。

该步骤与本发明实施例一中所述步骤S101相同。

在步骤S302中，计算所述页面内容信息中的文字的面积占所述页面的面积的百分比值。

具体的，所述页面中的文字的面积，可以根据页面代码中的参数信息，获取页面中文字区域的大小，当然，也可以通过文字识别的方法，获取文字所在区域的面积。

本发明实施例中所述的根据页面内容信息中的文字的面积占所述页面的面积的百分比值，也可以根据页面内容信息中的图片的面积占所述页面的面积的百分比值进行计算，由于图片的尺寸相对于文字的区域更容易查找计算，因而计算效率会更高。

对于可以通过滚动条进行滚动的页面，则可以计算整个页面中的文字的面积所占页面的面积的百分比值。

对于纯文字型页面，比如通常的阅读软件提供的页面中，则所述文字的面积占所述硕的面积的百分比值为百分之百。

在步骤S303中，根据文字的面积占所述页面的面积的百分比值与页面颜色显示效果的参数值的对应关系，随着所述百分比值的增加而相应的增强所述页面颜色显示效果的参数值。

所述百分比值与页面颜色显示效果的参数值的对应关系，可以包括所述百分比值与色调的对应关系、所述百分比值与饱和度的对应关系以及所述百分比值与蓝光过滤值的对应关系，所述对应关系可以根据设定的对应函数直接进行计算获取对应的参数。

比如，所述百分比值为X，所述色调值为Y₁，所述饱和度为Y₂，所述蓝光过滤值过Y₃，则所述对应关系可以分别表示为：Y₁＝-K₁X，Y₂＝-K₂X，Y₃＝K₃X，其中K₁、K₂、K₃为正数。

本发明实施例三与本发明实施例二相比，区别之处在于，本发明实施例三中，计算文字所在区域占页面面积的百分比值，根据百分比值对整个页面进行显示效果的调整，通过对整个页面按照预设的页面颜色显示效果的参数值进行设定，从而在减少用户人眼损害的同时，进一步提高页面显示效率。

实施例四：

图4示出了本发明第四实施例提供的页面显示方法的实现流程，详述如下：

在步骤S401中，获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字。

在步骤S402中，计算所述页面内容信息中的文字的面积占所述页面的面积的百分比值。

步骤S401、S402与本发明实施例三中所述步骤S301、S302相同，在此不作重复赘述。

在步骤S403中，当所述百分比值小于第一预设值时，按照预设的增强页面颜色显示效果的参数值显示所述页面。

在步骤S404中，当所述百分比大于或等于第一预设值，小于第二预设值时，按照预设的正常页面颜色显示效果的参数值显示所述页面。

在步骤S405中，当所述百分比大于或等于第二预设值时，按照预设的减弱页面颜色效果的参数值显示所述页面。

具体的，本发明实施例中设定第一预设值和第二预设值，其中第一预设值小于第二预设值。一种优选的实施方式中，所述第一预设值可以为30％，所述第二预设值可以为70％。与此对应的，可以设定正常显示的色调值、饱和度值，所述增强页面颜色显示效果的参数值，可以为不过滤RGB色彩中的蓝光，或者色调为正常显示的色调值的1.3倍，或者饱和度为正常饱和度的1.3倍这三种方式中的一种或者多种。

本发明实施例四与实施例三的区别之处在于，本发明实施例四通过设定阈值与计算的百分比值进行比较，通过比较结果可以直接调用预先设定的页面颜色显示效果，从而在能够有效的保护眼睛视力的同时，减少调整的计算量，提高调整效率。

实施例五：

图5示出了本发明第五实施例提供的页面显示装置的结构示意图，详述如下：

本发明实施例所述页面显示装置包括：

页面内容信息获取单元501，用于获取待显示的页面内容信息，所述页面内容信息包括页面中的图片和页面中的文字；

页面颜色显示效果调整单元502，用于根据页面内容信息获取单元所获取的页面内容信息中的文字或图片，相应的减弱或增强所述页面颜色显示效果。

优选的，所述装置还包括：

所述页面颜色显示效果调整单元具体用于：

进一步优选的，所述装置还包括：

所述页面颜色显示效果调整单元包括：

具体可选的，所述调整所述页面颜色显示效果包括增加或减少色调、增加或降低饱和度、以及是否过滤蓝光中的一种或者多种。

另外，本发明实施例还提供了一种终端，所述终端包括本发明实施例所述的页面显示装置。

应理解，在本发明实施例中，上述实施例一至实施例四中各过程的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims

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

2.根据权利要求1所述方法，其特征在于，在所述获取待显示的页面内容信息，所述页面内容信息包括页面中的图片信息和页面中的文字信息步骤之后，所述方法还包括：

3.根据权利要求1所述方法，其特征在于，在所述获取待显示的页面内容信息，所述页面内容信息包括页面中的图片信息和页面中的文字信息步骤之后，所述方法还包括：

4.根据权利要求1所述方法，其特征在于，在所述获取待显示的页面内容信息，所述页面内容信息包括页面中的图片信息和页面中的文字信息步骤之后，所述方法还包括：

5.根据权利要求1-4任一项所述方法，其特征在于，所述调整所述页面颜色显示效果包括增加或减少色调、增加或降低饱和度、以及是否过滤蓝光中的一种或者多种。

6.一种页面显示装置，其特征在于，所述装置包括：

7.根据权利要求6所述装置，其特征在于，所述装置还包括：

8.根据权利要求6所述装置，其特征在于，所述装置还包括：

所述页面颜色显示效果调整单元具体用于：

9.根据权利要求6所述装置，其特征在于，所述装置还包括：

所述页面颜色显示效果调整单元包括：

10.根据权利要求6-9任一项所述装置，其特征在于，所述调整所述页面颜色显示效果包括增加或减少色调、增加或降低饱和度、以及是否过滤蓝光中的一种或者多种。

11.一种终端，其特征在于，所述终端包括权利要求6-10任一项所述的页面显示装置。

12.根据权利要求11所述终端，其特征在于，所述终端为智能手机或者平板电脑。