CN103440326A - 提供呈现信息的方法和装置 - Google Patents
提供呈现信息的方法和装置 Download PDFInfo
- Publication number
- CN103440326A CN103440326A CN2013103928065A CN201310392806A CN103440326A CN 103440326 A CN103440326 A CN 103440326A CN 2013103928065 A CN2013103928065 A CN 2013103928065A CN 201310392806 A CN201310392806 A CN 201310392806A CN 103440326 A CN103440326 A CN 103440326A
- Authority
- CN
- China
- Prior art keywords
- page
- color
- browser
- background color
- interface element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Abstract
本发明提出一种提供呈现信息的方法和装置。其中,提供呈现信息的方法包括:获取浏览器中的页面;获取页面的背景颜色;以及根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。本发明实施例方法,使得用户在浏览页面时感受更佳,增加了用户体验。
Description
技术领域
本发明涉及浏览器技术领域,尤其涉及一种提供呈现信息的方法和装置。
背景技术
随着互联网的日益发展,越来越多的网民选择从互联网中获取更多的信息资源,计算机、移动终端等也成为人们获取信息资源的主要工具。目前,计算机、移动终端等中安装的浏览器应用程序成为用户获取信息资源的最直接、最主要窗口,用户可以通过浏览器浏览网页等。目前存在的问题是,在展示页面时浏览器的界面元素(例如皮肤背景等)的展现主要基于本地模块,或者用户根据自身喜好进行的调整(例如更改背景图片等),用户的体验度差。
发明内容
本发明旨在至少解决上述技术问题之一。
为此,本发明的第一个目的在于提出一种提供呈现信息的方法。该方法使得浏览器的界面元素随页面的背景颜色变化而变化,且浏览器的界面元素与页面的背景颜色趋同,增加了用户体验。
本发明的第二个目的在于提出一种提供呈现信息的装置。
为了实现上述目的,本发明第一方面实施例的提供呈现信息的方法,包括以下步骤:获取浏览器中的页面;获取所述页面的背景颜色;以及根据所述页面的背景颜色对所述浏览器的界面元素的颜色进行调整,以使所述浏览器的界面元素与所述页面的背景颜色趋同。
本发明实施例的提供呈现信息的方法,使得浏览器的界面元素随页面的背景颜色变化而变化,且浏览器的界面元素与页面的背景颜色趋同,丰富浏览器界面元素的展现方式,并使得用户在浏览页面时感受更佳,增加了用户体验。
为了实现上述目的,本发明第二方面实施例的提供呈现信息的装置,包括:页面获取模块,用于获取浏览器中的页面;背景颜色获取模块,用于获取所述页面的背景颜色;以及界面元素调整模块,用于根据所述页面的背景颜色对所述浏览器的界面元素的颜色进行调整,以使所述浏览器的界面元素与所述页面的背景颜色趋同。
本发明实施例的提供呈现信息的装置,使得浏览器的界面元素随页面的背景颜色变化而变化,且浏览器的界面元素与页面的背景颜色趋同,丰富浏览器界面元素的展现方式,并使得用户在浏览页面时感受更佳,增加了用户体验。
本发明附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中,
图1是根据本发明一个实施例的提供呈现信息的方法的流程图;
图2是根据本发明一个具体实施例的提供呈现信息的方法的流程图;
图3是根据本发明另一个具体实施例的提供呈现信息的方法的流程图;
图4是根据本发明又一个具体实施例的提供呈现信息的方法的流程图;
图5是根据本发明再一个具体实施例的提供呈现信息的方法的流程图;以及
图6是根据本发明一个实施例的提供呈现信息的装置的结构示意图。
具体实施方式
下面详细描述本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。相反,本发明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
在本发明的描述中,需要理解的是,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。在本发明的描述中,需要说明的是,除非另有明确的规定和限定,术语“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本发明中的具体含义。此外,在本发明的描述中,除非另有说明,“多个”的含义是两个或两个以上。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。
目前,在展示页面时浏览器的界面元素(例如皮肤背景等)的展现主要基于本地模块,或者用户根据自身喜好进行的调整(例如更改背景图片等),特别是页面的背景颜色与浏览器的界面元素相差很大时,看起来非常不协调,影响用户体验。为了解决上述缺陷,本发明提出一种提供呈现信息的方法和装置,主要在展现页面时根据页面的背景颜色自动调整。下面结合说明书附图说明本发明实施例的提供呈现信息的方法和装置。
一种提供呈现信息的方法,包括以下步骤:获取浏览器中的页面;获取页面的背景颜色;以及根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。
图1是根据本发明一个实施例的提供呈现信息的方法的流程图。
如图1所示,提供呈现信息的方法包括以下步骤:
S101,获取浏览器中的页面。
其中,本发明所说的浏览器可以是PC(personal computer,个人计算机)安装的浏览器,也可以是移动终端安装的浏览器,移动终端例如可以是智能手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。
在本发明的一个实施例中,页面可以由用户点击产生,例如,用户点击了浏览器推荐的页面,或用户在地址栏输入页面地址并点击加载对应的页面,应当理解,在此用户点击应做广泛理解,包括鼠标点击(例如,在PC中使用鼠标操作)、键盘输入(例如,在PC中使用回车Enter键)、手势操作(例如,在移动终端的显示屏幕中用户通过手势点击)、移动终端按键操作等等;在本发明的另一个实施例中,页面也可以由浏览器跳转产生,包括浏览器自动跳转或者用户点击链接地址跳转等。
S102,获取页面的背景颜色。
S103,根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。
例如,界面元素可包括浏览器的文字、皮肤背景、标签页、收藏栏、菜单栏、状态栏、地址栏、命令栏、导航栏、扩展栏、功能按钮等中的一种或多种,应当理解,界面元素并不仅限于上述的几种方式,只要是浏览器界面中不属于页面部分的各个元素都可以称为界面元素。此外,应当理解,此处的浏览器的文字包括浏览器的所有文字,包括显示出来的文字,还包括隐藏的、需要用户点击之后才可显示的文字,例如,用户点击菜单栏之后,显示多个菜单栏选项的文字等等。
具体地,趋同是将浏览器界面元素的展现风格调整得与页面的展现风格相同、相近或相似,例如,将界面元素的颜色风格与页面的颜色风格进行趋同调整,举例来说,页面的背景颜色为白色时,浏览器的界面元素也可调整为白色或接近白色的颜色如奶白色等,但是不能是黑色或红色等,趋同调整可以使浏览器的界面元素与页面的背景颜色看起来是一个整体。应当理解,此处的背景颜色不仅仅是上述的单色,可以包括渐变色,如从白色逐渐变为粉色等,还可以在其中加入纹理等,如果是渐变色或者含有纹理的背景颜色,界面元素在调整时可以直接采用背景颜色,或者在调整时采用与背景颜色相近的颜色,如果背景颜色更加复杂和多变,界面元素在调整时可以直接采用背景颜色,或者采用与背景颜色相似类型的其他复杂颜色等。此外,浏览器的文字随着目标页面的背景颜色进行自适应调整,当浏览器的皮肤背景、标签页、收藏栏、菜单栏、状态栏、地址栏、命令栏、导航栏、扩展栏、功能按钮等随着调整的时候,浏览器的文字随着该调整过程也进行自适应调整,例如,当其他界面元素调整为奶白色或白色时,可以将文字调整成深色等。
应当理解,本发明所述的页面为浏览器的当前激活页面,具体地,浏览器可启动并加载多个页面,每个页面的背景颜色可能相互不同,浏览器可以在加载时即获取该页面的背景颜色(后续实施例中将详细叙述),并进行存储,当用户在多个页面中进行显示切换时,浏览器的界面元素也可以根据切换的页面背景颜色进行调整。
本发明的提供呈现信息的方法,使得浏览器的界面元素随页面的背景颜色变化而变化,且浏览器的界面元素与页面的背景颜色趋同,丰富浏览器界面元素的展现方式,并使得用户在浏览页面时感受更佳,增加了用户体验。
图2是根据本发明一个具体实施例的提供呈现信息的方法的流程图。获取页面的背景颜色的方法可以包括很多,例如,浏览器加载页面之后,对加载后的页面进行像素值分析获取页面的背景颜色,具体地,如图2所示,提供呈现信息的方法包括以下步骤:
S201,获取浏览器中的页面。
其中,本发明所说的浏览器可以是PC安装的浏览器,也可以是移动终端安装的浏览器,移动终端例如可以是智能手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。
在本发明的一个实施例中,页面可以由用户点击产生,例如,用户点击了浏览器推荐的页面,或用户在地址栏输入页面地址并点击加载对应的页面,应当理解,在此用户点击应做广泛理解,包括鼠标点击(例如,在PC中使用鼠标操作)、键盘输入(例如,在PC中使用回车Enter键)、手势操作(例如,在移动终端的显示屏幕中用户通过手势点击)、移动终端按键操作等等;在本发明的另一个实施例中,页面也可以由浏览器跳转产生,包括浏览器自动跳转或者用户点击链接地址跳转等。
S202,在浏览器加载页面之后,对加载后的页面进行像素值分析以获取页面的背景颜色。
具体地,浏览器加载页面时对页面进行解析并显示,显示之后,可获取页面的背景,并提取背景的像素值以获取页面的背景颜色。
S203,根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。
例如,界面元素可包括浏览器的文字、皮肤背景、标签页、收藏栏、菜单栏、状态栏、地址栏、命令栏、导航栏、扩展栏、功能按钮等中的一种或多种,应当理解,界面元素并不仅限于上述的几种方式,只要是浏览器界面中不属于页面部分的各个元素都可以称为界面元素。此外,应当理解,此处的浏览器的文字包括浏览器的所有文字,包括显示出来的文字,还包括隐藏的、需要用户点击之后才可显示的文字,例如,用户点击菜单栏之后,显示多个菜单栏选项的文字等等。
具体地,趋同是将浏览器界面元素的展现风格调整得与页面的展现风格相同、相近或相似,例如,将界面元素的颜色风格与页面的颜色风格进行趋同调整,举例来说,页面的背景颜色为白色时,浏览器的界面元素也可调整为白色或接近白色的颜色如奶白色等,但是不能是黑色或红色等,趋同调整可以使浏览器的界面元素与页面的背景颜色看起来是一个整体。应当理解,此处的背景颜色不仅仅是上述的单色,可以包括渐变色,如从白色逐渐变为粉色等,还可以在其中加入纹理等,如果是渐变色或者含有纹理的背景颜色,界面元素在调整时可以直接采用背景颜色,或者在调整时采用与背景颜色相近的颜色,如果背景颜色更加复杂和多变,界面元素在调整时可以直接采用背景颜色,或者采用与背景颜色相似类型的其他复杂颜色等。此外,浏览器的文字随着目标页面的背景颜色进行自适应调整,当浏览器的皮肤背景、标签页、收藏栏、菜单栏、状态栏、地址栏、命令栏、导航栏、扩展栏、功能按钮等随着调整的时候,浏览器的文字随着该调整过程也进行自适应调整,例如,当其他界面元素调整为奶白色或白色时,可以将文字调整成深色等。
应当理解,本发明所述的页面为浏览器的当前激活页面,具体地,浏览器可启动并加载多个页面,每个页面的背景颜色可能相互不同。
本发明实施例的提供呈现信息的方法,浏览器加载页面之后,对加载后的页面进行像素值分析获取页面的背景颜色,获取过程简捷,易实现,效率高。
图3是根据本发明另一个具体实施例的提供呈现信息的方法的流程图。对加载后的页面进行像素值分析获取页面的背景颜色后,可以获取目标颜色,根据目标颜色在页面加载之后动态调整浏览器的界面元素,具体地,如图3所示,提供呈现信息的方法包括以下步骤:
S301,获取浏览器中的页面。
其中,本发明所说的浏览器可以是PC安装的浏览器,也可以是移动终端安装的浏览器,移动终端例如可以是智能手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。
在本发明的一个实施例中,页面可以由用户点击产生,例如,用户点击了浏览器推荐的页面,或用户在地址栏输入页面地址并点击加载对应的页面,应当理解,在此用户点击应做广泛理解,包括鼠标点击(例如,在PC中使用鼠标操作)、键盘输入(例如,在PC中使用回车Enter键)、手势操作(例如,在移动终端的显示屏幕中用户通过手势点击)、移动终端按键操作等等;在本发明的另一个实施例中,页面也可以由浏览器跳转产生,包括浏览器自动跳转或者用户点击链接地址跳转等。
S302,在浏览器加载页面之后,对加载后的页面进行像素值分析以获取页面的背景颜色。
具体地,浏览器加载页面时对页面进行解析并显示,显示之后,可获取页面的背景,并提取背景的像素值以获取页面的背景颜色。
S303,根据页面的背景颜色生成目标颜色。
具体地,目标颜色可以与背景颜色相同,也可以不同但比较接近,例如背景颜色是白色,则目标颜色可以是白色,也可以是奶白色或者非常浅的其他颜色即接近白色。再例如,如果背景颜色为单色,则具有一个像素值,以该像素值为目标颜色或者接近的颜色为目标颜色,如果背景颜色包括多个像素值,可以对多个像素值进行分析,例如计算平均值、或者分析占比较大的一个或几个像素值等作为目标颜色,还可以将界面元素相邻部分的背景颜色作为目标颜色等,也可以直接将背景颜色作为目标颜色。
S304,控制浏览器的界面元素的颜色逐渐地向目标颜色调整,直至达到目标颜色。
具体地,界面元素是逐渐调整的,例如,如果浏览器的界面元素为白色,但是目标颜色为黑色,此时需要将界面元素调整为黑色,该调整过程是动态的,不是直接从白变为黑,而是逐渐产生过度,如白变为灰,灰变为深灰,再变为黑,其中,用户可以根据实际情况设置更多的过度颜色。
本发明实施例的提供呈现信息的方法,动态控制浏览器的界面元素的颜色向目标颜色调整,调整过程生动,特别在调整的颜色变化比较大时,使得用户更加容易接收,进一步增加用户体验。
下面介绍另一种提供呈现信息的方法。
图4是根据本发明又一个具体实施例的提供呈现信息的方法的流程图。具体地,如图4所示,提供呈现信息的方法包括以下步骤:
S401,获取浏览器中的页面。
其中,本发明所说的浏览器可以是PC安装的浏览器,也可以是移动终端安装的浏览器,移动终端例如可以是智能手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。
在本发明的一个实施例中,页面可以由用户点击产生,例如,用户点击了浏览器推荐的页面,或用户在地址栏输入页面地址并点击加载对应的页面,应当理解,在此用户点击应做广泛理解,包括鼠标点击(例如,在PC中使用鼠标操作)、键盘输入(例如,在PC中使用回车Enter键)、手势操作(例如,在移动终端的显示屏幕中用户通过手势点击)、移动终端按键操作等等;在本发明的另一个实施例中,页面也可以由浏览器跳转产生,包括浏览器自动跳转或者用户点击链接地址跳转等。
S402,获取页面的地址信息。
S403,根据页面的地址信息获取页面的源站点,并获取源站点的站点风格信息。
具体地,地址信息可为浏览器地址栏中显示的地址,该地址可以在浏览器加载页面之前获知,之后浏览器根据地址获取页面文件并根据页面文件进行加载,该页面地址中包括源站点,例如,地址http://www.baidu.com/s?ie=中包括www.baidu.com即为源站点。源站点的站点风格信息可以存储在浏览器本地,或者浏览器访问源站点获取。
S404,根据源站点的站点风格信息获取页面的背景颜色。
具体地,站点风格信息包括源站点的背景颜色,该背景颜色可以作为页面的背景颜色,或者与该背景颜色相近的颜色为页面的背景颜色;或者对源站点进行像素点分析以获取背景颜色(参考S202),该背景颜色可以作为页面的背景颜色,或者与该背景颜色相近的颜色为页面的背景颜色。
S405,根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。
本发明实施例的提供呈现信息的方法,根据源站点的站点风格信息获取页面的背景颜色,结果更加准确,易实现。
图5是根据本发明再一个具体实施例的提供呈现信息的方法的流程图。根据源站点的站点风格信息获取页面的背景颜色之后,可以获取目标颜色,根据目标颜色动态调整浏览器的界面元素,在加载时即可调整界面元素,具体地,如图5所示,提供呈现信息的方法包括以下步骤:
S501,获取浏览器中的页面。
其中,本发明所说的浏览器可以是PC安装的浏览器,也可以是移动终端安装的浏览器,移动终端例如可以是智能手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。
在本发明的一个实施例中,页面可以由用户点击产生,例如,用户点击了浏览器推荐的页面,或用户在地址栏输入页面地址并点击加载对应的页面,应当理解,在此用户点击应做广泛理解,包括鼠标点击(例如,在PC中使用鼠标操作)、键盘输入(例如,在PC中使用回车Enter键)、手势操作(例如,在移动终端的显示屏幕中用户通过手势点击)、移动终端按键操作等等;在本发明的另一个实施例中,页面也可以由浏览器跳转产生,包括浏览器自动跳转或者用户点击链接地址跳转等。
S502,获取页面的地址信息。
S503,根据页面的地址信息获取页面的源站点,并获取源站点的站点风格信息。
具体地,地址信息可为浏览器地址栏中显示的地址,该地址可以在浏览器加载页面之前获知,之后浏览器根据地址获取页面文件并根据页面文件进行加载,该页面地址中包括源站点,例如,地址http://www.baidu.com/s?ie=中包括www.baidu.com即为源站点。源站点的站点风格信息可以存储在浏览器本地,或者浏览器访问源站点获取。
S504,根据源站点的站点风格信息获取页面的背景颜色。
具体地,站点风格信息包括源站点的背景颜色,该背景颜色可以作为页面的背景颜色,或者与该背景颜色相近的颜色为目标页面的背景颜色;或者对源站点进行像素点分析以获取背景颜色(参考S202),该背景颜色可以作为页面的背景颜色,或者与该背景颜色相近的颜色为页面的背景颜色。
S505,根据页面的背景颜色生成目标颜色。
具体地,目标颜色可以与背景颜色相同,也可以不同但比较接近,例如背景颜色是白色,则目标颜色可以是白色,也可以是奶白色或者非常浅的其他颜色即接近白色。再例如,如果背景颜色为单色,则具有一个像素值,以该像素值为目标颜色或者接近的颜色为目标颜色,如果背景颜色包括多个像素值,可以对多个像素值进行分析,例如计算平均值、或者分析占比较大的一个或几个像素值等作为目标颜色,还可以将界面元素相邻部分的背景颜色作为目标颜色等,也可以直接将背景颜色作为目标颜色。
S506,在浏览器加载页面的同时,将浏览器的界面元素的颜色调整为目标颜色。
本发明实施例的提供呈现信息的方法,在加载的同时调整目标颜色,使得用户更加容易理解,进一步增加用户体验。
为了实现上述实施例,本发明的实施例还提出一种提供呈现信息的装置。
一种提供呈现信息的装置,包括:页面获取模块,用于获取浏览器中的页面;背景颜色获取模块,用于获取页面的背景颜色;以及界面元素调整模块,用于根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。
图6是根据本发明一个实施例的提供呈现信息的装置的结构示意图。
如图6所示,提供呈现信息的装置包括:页面获取模块100、背景颜色获取模块200和界面元素调整模块300。
具体地,页面获取模块100用于获取浏览器中的页面。其中,本发明所说的浏览器可以是PC安装的浏览器,也可以是移动终端安装的浏览器,移动终端例如可以是智能手机、平板电脑、个人数字助理、电子书等具有各种操作系统的硬件设备。
在本发明的一个实施例中,页面可以由用户点击产生,例如,用户点击了浏览器推荐的页面,或用户在地址栏输入页面地址并点击加载对应的页面,应当理解,在此用户点击应做广泛理解,包括鼠标点击(例如,在PC中使用鼠标操作)、键盘输入(例如,在PC中使用回车Enter键)、手势操作(例如,在移动终端的显示屏幕中用户通过手势点击)、移动终端按键操作等等;在本发明的另一个实施例中,页面也可以由浏览器跳转产生,包括浏览器自动跳转或者用户点击链接地址跳转等。
背景颜色获取模块200用于获取页面的背景颜色。
界面元素调整模块300用于根据页面的背景颜色对浏览器的界面元素的颜色进行调整,以使浏览器的界面元素与页面的背景颜色趋同。例如,界面元素可包括浏览器的文字、皮肤背景、标签页、收藏栏、菜单栏、状态栏、地址栏、命令栏、导航栏、扩展栏、功能按钮等中的一种或多种,应当理解,界面元素并不仅限于上述的几种方式,只要是浏览器界面中不属于页面部分的各个元素都可以称为界面元素。此外,应当理解,此处的浏览器的文字包括浏览器的所有文字,包括显示出来的文字,还包括隐藏的、需要用户点击之后才可显示的文字,例如,用户点击菜单栏之后,显示多个菜单栏选项的文字等等。
更具体地,趋同是界面元素调整模块300将浏览器界面元素的展现风格调整得与页面的展现风格相同、相近或相似,例如,将界面元素的颜色风格与页面的颜色风格进行趋同调整,举例来说,页面的背景颜色为白色时,浏览器的界面元素也可调整为白色或接近白色的颜色如奶白色等,但是不能是黑色或红色等,趋同调整可以使浏览器的界面元素与页面的背景颜色看起来是一个整体。应当理解,此处的背景颜色不仅仅是上述的单色,可以包括渐变色,如从白色逐渐变为粉色等,还可以在其中加入纹理等,如果是渐变色或者含有纹理的背景颜色,界面元素在调整时可以直接采用背景颜色,或者在调整时采用与背景颜色相近的颜色,如果背景颜色更加复杂和多变,界面元素在调整时可以直接采用背景颜色,或者采用与背景颜色相似类型的其他复杂颜色等。此外,浏览器的文字随着目标页面的背景颜色进行自适应调整,当浏览器的皮肤背景、标签页、收藏栏、菜单栏、状态栏、地址栏、命令栏、导航栏、扩展栏、功能按钮等随着调整的时候,浏览器的文字随着该调整过程也进行自适应调整,例如,当其他界面元素调整为奶白色或白色时,可以将文字调整成深色等。
应当理解,本发明所述的页面为浏览器的当前激活页面,具体地,浏览器可启动并加载多个页面,每个页面的背景颜色可能相互不同,浏览器的界面元素也可以根据切换的页面背景颜色进行调整。
本发明的提供呈现信息的装置,使得浏览器的界面元素随页面的背景颜色变化而变化,且浏览器的界面元素与页面的背景颜色趋同,丰富浏览器界面元素的展现方式,并使得用户在浏览页面时感受更佳,增加了用户体验。
获取页面的背景颜色的方法可以包括很多,例如,浏览器加载页面之后,对加载后的页面进行像素值分析获取页面的背景颜色,具体地,在本发明的一个实施例中,背景颜色获取模块200还用于在浏览器加载页面之后,对加载后的页面进行像素值分析以获取页面的背景颜色。更具体地,浏览器加载页面时对页面进行解析并显示,显示之后,可获取页面的背景,并提取背景的像素值以获取页面的背景颜色。获取过程简捷,易实现,效率高。
对加载后的页面进行像素值分析获取页面的背景颜色后,可以获取目标颜色,根据目标颜色在页面加载之后动态调整浏览器的界面元素,具体地,在本发明的一个实施例中,界面元素调整模块300还用于根据页面的背景颜色生成目标颜色,并控制浏览器的界面元素的颜色逐渐地向目标颜色调整,直至达到目标颜色。
更具体地,目标颜色可以与背景颜色相同,也可以不同但比较接近,例如背景颜色是白色,则目标颜色可以是白色,也可以是奶白色或者非常浅的其他颜色即接近白色,再例如,如果背景颜色为单色,则具有一个像素值,以该像素值为目标颜色或者接近的颜色为目标颜色,如果背景颜色包括多个像素值,可以对多个像素值进行分析,例如计算平均值、或者分析占比较大的一个或几个像素值等作为目标颜色等,还可以将界面元素相邻部分的背景颜色作为目标颜色,也可以直接将背景颜色作为目标颜色。
其中,界面元素调整模块300在界面元素调整时是逐渐调整的,例如,如果浏览器的界面元素为白色,但是目标颜色为黑色,此时需要将界面元素调整为黑色,该调整过程是动态的,不是直接从白变为黑,而是逐渐产生过度,如白变为灰,灰变为深灰,再变为黑,其中,用户可以根据实际情况设置更多的过度颜色。由此,动态控制浏览器的界面元素的颜色向目标颜色调整,调整过程生动,特别在调整的颜色变化比较大时,使得用户更加容易接收,进一步增加用户体验。
在本发明的另一个实施例中,背景颜色获取模块200还用于获取页面的地址信息,并根据页面的地址信息获取页面的源站点,并获取源站点的站点风格信息,以及根据源站点的站点风格信息获取页面的背景颜色。更具体地,地址信息可为浏览器地址栏中显示的地址,该地址可以在浏览器加载页面之前获知,之后浏览器根据地址获取页面文件并根据页面文件进行加载,该页面地址中包括源站点,例如,地址http://www.baidu.com/s?ie=中包括www.baidu.com即为源站点。源站点的站点风格信息可以存储在浏览器本地,或者浏览器访问源站点获取,站点风格信息包括源站点的背景颜色,该背景颜色可以作为页面的背景颜色,或者与该背景颜色相近的颜色为页面的背景颜色;或者对源站点进行像素点分析以获取背景颜色(参考S202),该背景颜色可以作为页面的背景颜色,或者与该背景颜色相近的颜色为页面的背景颜色。
根据源站点的站点风格信息获取页面的背景颜色之后,可以获取颜色,根据颜色动态调整浏览器的界面元素,在加载时即可调整界面元素,在本发明的一个实施例中,界面元素调整模块300还用于:根据页面的背景颜色生成目标颜色,并在浏览器加载页面的同时,将浏览器的界面元素的颜色调整为目标颜色。由此,在加载的同时调整目标颜色,使得用户更加容易理解,进一步增加用户体验。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
尽管已经示出和描述了本发明的实施例,本领域的普通技术人员可以理解:在不脱离本发明的原理和宗旨的情况下可以对这些实施例进行多种变化、修改、替换和变型,本发明的范围由权利要求及其等同物限定。
Claims (10)
1.一种提供呈现信息的方法,其特征在于,包括以下步骤:
获取浏览器中的页面;
获取所述页面的背景颜色;以及
根据所述页面的背景颜色对所述浏览器的界面元素的颜色进行调整,以使所述浏览器的界面元素与所述页面的背景颜色趋同。
2.如权利要求1所述的方法,其特征在于,所述获取所述页面的背景颜色进一步包括:
在所述浏览器加载所述页面之后,对加载后的所述页面进行像素值分析以获取所述页面的背景颜色。
3.如权利要求1或2所述的方法,其特征在于,所述根据页面的背景颜色对所述浏览器的界面元素的颜色进行调整进一步包括:
根据所述页面的背景颜色生成目标颜色;以及
控制所述浏览器的界面元素的颜色逐渐地向所述目标颜色调整,直至达到目标颜色。
4.如权利要求1所述的方法,其特征在于,所述获取所述页面的背景颜色进一步包括:
获取所述页面的地址信息;
根据所述页面的地址信息获取所述页面的源站点,并获取所述源站点的站点风格信息;以及
根据所述源站点的站点风格信息获取所述页面的背景颜色。
5.如权利要求1或4所述的方法,其特征在于,所述根据页面的背景颜色对所述浏览器的界面元素的颜色进行调整进一步包括:
根据所述页面的背景颜色生成目标颜色;以及
在所述浏览器加载所述页面的同时,将所述浏览器的界面元素的颜色调整为所述目标颜色。
6.一种提供呈现信息的装置,其特征在于,包括:
页面获取模块,用于获取浏览器中的页面;
背景颜色获取模块,用于获取所述页面的背景颜色;以及
界面元素调整模块,用于根据所述页面的背景颜色对所述浏览器的界面元素的颜色进行调整,以使所述浏览器的界面元素与所述页面的背景颜色趋同。
7.如权利要求6所述的装置,其特征在于,所述背景颜色获取模块还用于:在所述浏览器加载所述页面之后,对加载后的所述页面进行像素值分析以获取所述页面的背景颜色。
8.如权利要求6或7所述的装置,其特征在于,所述界面元素调整模块还用于:根据所述页面的背景颜色生成目标颜色,并控制所述浏览器的界面元素的颜色逐渐地向所述目标颜色调整,直至达到目标颜色。
9.如权利要求6所述的装置,其特征在于,所述背景颜色获取模块还用于:获取所述页面的地址信息,并根据所述页面的地址信息获取所述页面的源站点,并获取所述源站点的站点风格信息,以及根据所述源站点的站点风格信息获取所述页面的背景颜色。
10.如权利要求6或9所述的装置,其特征在于,所述界面元素调整模块还用于:根据所述页面的背景颜色生成目标颜色,并在所述浏览器加载所述页面的同时,将所述浏览器的界面元素的颜色调整为所述目标颜色。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013103928065A CN103440326A (zh) | 2013-09-02 | 2013-09-02 | 提供呈现信息的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013103928065A CN103440326A (zh) | 2013-09-02 | 2013-09-02 | 提供呈现信息的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103440326A true CN103440326A (zh) | 2013-12-11 |
Family
ID=49694019
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013103928065A Pending CN103440326A (zh) | 2013-09-02 | 2013-09-02 | 提供呈现信息的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103440326A (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103678325A (zh) * | 2012-09-03 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种用于提供与初始页面相对应的浏览页面的方法和设备 |
CN104965631A (zh) * | 2015-05-26 | 2015-10-07 | 深圳市万普拉斯科技有限公司 | 桌面配色方法、装置及智能终端 |
CN105022734A (zh) * | 2014-04-18 | 2015-11-04 | 腾讯科技(深圳)有限公司 | 一种背景色设置方法及装置 |
CN105389403A (zh) * | 2015-12-29 | 2016-03-09 | 东软集团股份有限公司 | 页面样式自动匹配方法及系统 |
CN105740279A (zh) * | 2014-12-10 | 2016-07-06 | 深圳市腾讯计算机系统有限公司 | 一种浏览器的标签页处理方法及装置 |
WO2017016308A1 (zh) * | 2015-07-30 | 2017-02-02 | 深圳Tcl数字技术有限公司 | 菜单背景颜色处理方法及装置 |
CN106445269A (zh) * | 2015-08-05 | 2017-02-22 | 腾讯科技(深圳)有限公司 | 移动终端的状态栏显示方法及移动终端 |
CN106503048A (zh) * | 2016-09-21 | 2017-03-15 | 北京小米移动软件有限公司 | 浏览器颜色设置方法和装置 |
WO2017084452A1 (zh) * | 2015-11-18 | 2017-05-26 | 腾讯科技(深圳)有限公司 | 图形界面中标签页的处理方法和装置 |
CN107908383A (zh) * | 2017-11-14 | 2018-04-13 | 维沃移动通信有限公司 | 一种屏幕颜色调整方法、装置及移动终端 |
CN107992302A (zh) * | 2017-12-12 | 2018-05-04 | 深圳前海桔子信息技术有限公司 | 一种按钮配置方法、装置、存储介质及智能终端 |
CN108287744A (zh) * | 2018-02-09 | 2018-07-17 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN113535297A (zh) * | 2021-06-29 | 2021-10-22 | 未鲲(上海)科技服务有限公司 | 应用程序状态栏的显示方法、装置、设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020161803A1 (en) * | 2001-03-15 | 2002-10-31 | Imation Corp. | Web page color accuracy |
CN1841370A (zh) * | 2005-03-29 | 2006-10-04 | 腾讯科技(深圳)有限公司 | 一种用户界面的显示方法 |
US20120060110A1 (en) * | 2010-09-08 | 2012-03-08 | Microsoft Corporation | Notification bar user interface control |
CN102955803A (zh) * | 2011-08-26 | 2013-03-06 | 腾讯科技(深圳)有限公司 | 一种网站展示方法及浏览器 |
CN102999576A (zh) * | 2012-11-13 | 2013-03-27 | 北京百度网讯科技有限公司 | 用于确定目标页面所对应的页面描述信息的方法和设备 |
-
2013
- 2013-09-02 CN CN2013103928065A patent/CN103440326A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020161803A1 (en) * | 2001-03-15 | 2002-10-31 | Imation Corp. | Web page color accuracy |
CN1841370A (zh) * | 2005-03-29 | 2006-10-04 | 腾讯科技(深圳)有限公司 | 一种用户界面的显示方法 |
US20120060110A1 (en) * | 2010-09-08 | 2012-03-08 | Microsoft Corporation | Notification bar user interface control |
CN102955803A (zh) * | 2011-08-26 | 2013-03-06 | 腾讯科技(深圳)有限公司 | 一种网站展示方法及浏览器 |
CN102999576A (zh) * | 2012-11-13 | 2013-03-27 | 北京百度网讯科技有限公司 | 用于确定目标页面所对应的页面描述信息的方法和设备 |
Cited By (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103678325B (zh) * | 2012-09-03 | 2018-11-23 | 百度在线网络技术(北京)有限公司 | 一种用于提供与初始页面相对应的浏览页面的方法和设备 |
CN103678325A (zh) * | 2012-09-03 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 一种用于提供与初始页面相对应的浏览页面的方法和设备 |
CN105022734A (zh) * | 2014-04-18 | 2015-11-04 | 腾讯科技(深圳)有限公司 | 一种背景色设置方法及装置 |
CN105022734B (zh) * | 2014-04-18 | 2020-01-31 | 腾讯科技(深圳)有限公司 | 一种背景色设置方法及装置 |
CN105740279A (zh) * | 2014-12-10 | 2016-07-06 | 深圳市腾讯计算机系统有限公司 | 一种浏览器的标签页处理方法及装置 |
CN104965631B (zh) * | 2015-05-26 | 2020-05-15 | 深圳市万普拉斯科技有限公司 | 桌面配色方法、装置及智能终端 |
CN104965631A (zh) * | 2015-05-26 | 2015-10-07 | 深圳市万普拉斯科技有限公司 | 桌面配色方法、装置及智能终端 |
WO2016188262A1 (zh) * | 2015-05-26 | 2016-12-01 | 深圳市万普拉斯科技有限公司 | 桌面配色方法、装置、终端及计算机存储介质 |
WO2017016308A1 (zh) * | 2015-07-30 | 2017-02-02 | 深圳Tcl数字技术有限公司 | 菜单背景颜色处理方法及装置 |
CN106445269A (zh) * | 2015-08-05 | 2017-02-22 | 腾讯科技(深圳)有限公司 | 移动终端的状态栏显示方法及移动终端 |
CN106445269B (zh) * | 2015-08-05 | 2020-07-28 | 腾讯科技(深圳)有限公司 | 移动终端的状态栏显示方法及移动终端 |
WO2017084452A1 (zh) * | 2015-11-18 | 2017-05-26 | 腾讯科技(深圳)有限公司 | 图形界面中标签页的处理方法和装置 |
US10109079B2 (en) * | 2015-11-18 | 2018-10-23 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for processing tab in graphical interface |
CN105389403B (zh) * | 2015-12-29 | 2019-01-25 | 东软集团股份有限公司 | 页面样式自动匹配方法及系统 |
CN105389403A (zh) * | 2015-12-29 | 2016-03-09 | 东软集团股份有限公司 | 页面样式自动匹配方法及系统 |
CN106503048B (zh) * | 2016-09-21 | 2020-06-19 | 北京小米移动软件有限公司 | 浏览器颜色设置方法和装置 |
CN106503048A (zh) * | 2016-09-21 | 2017-03-15 | 北京小米移动软件有限公司 | 浏览器颜色设置方法和装置 |
CN107908383A (zh) * | 2017-11-14 | 2018-04-13 | 维沃移动通信有限公司 | 一种屏幕颜色调整方法、装置及移动终端 |
CN107992302A (zh) * | 2017-12-12 | 2018-05-04 | 深圳前海桔子信息技术有限公司 | 一种按钮配置方法、装置、存储介质及智能终端 |
CN107992302B (zh) * | 2017-12-12 | 2020-09-22 | 深圳前海桔子信息技术有限公司 | 一种按钮配置方法、装置、存储介质及智能终端 |
CN108287744A (zh) * | 2018-02-09 | 2018-07-17 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN108287744B (zh) * | 2018-02-09 | 2022-04-05 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN113535297A (zh) * | 2021-06-29 | 2021-10-22 | 未鲲(上海)科技服务有限公司 | 应用程序状态栏的显示方法、装置、设备及存储介质 |
WO2023272856A1 (zh) * | 2021-06-29 | 2023-01-05 | 未鲲(上海)科技服务有限公司 | 应用程序状态栏的显示方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103440326A (zh) | 提供呈现信息的方法和装置 | |
CN103077696B (zh) | 用于调节显示屏亮度的方法和设备以及显示系统 | |
CN102591848B (zh) | 基于背景的前景特性选择 | |
US10181277B2 (en) | Electronic device and method of reducing power consumption thereof | |
JP6671483B2 (ja) | スマートデバイスを制御するための方法および装置、ならびにコンピュータ記憶媒体 | |
US11269488B2 (en) | System for providing application list and method therefor | |
US20210311597A1 (en) | Multi-spatial overview mode | |
WO2015031400A1 (en) | Combined synchronous and asynchronous tag deployment | |
US10614156B1 (en) | System and method for using a dynamic webpage editor | |
US20140218289A1 (en) | Electronic device with control interface and methods therefor | |
US20110320957A1 (en) | Method and apparatus for analyzing usage patterns and customizing a graphic interface for individual users | |
US20140040789A1 (en) | Tool configuration history in a user interface | |
KR20140023534A (ko) | 반응형 사용자 인터페이스 제공 장치, 방법, 및 그에 대한 전자장치에서 판독 가능한 기록매체 | |
WO2014047875A1 (en) | Content based dynamic control methods and systems for display brightness | |
CN105824496A (zh) | 一种基于用户使用情况设置图标亮度的方法和移动终端 | |
CN111897619A (zh) | 浏览器页面的显示方法、装置、电子设备及存储介质 | |
KR20130056710A (ko) | 전자기기 및 그의 웹 히스토리 표시 방법 | |
JP6750124B2 (ja) | 端末装置、ui拡張方法及びui拡張プログラム | |
CN104348996A (zh) | 图像切换装置、图像切换系统以及图像切换方法 | |
Singh et al. | MultiDroid: An energy optimization technique for multi-window operations on OLED smartphones | |
CN103473047B (zh) | 浏览器中标签页背景的管理方法、装置和客户端 | |
CN103714074A (zh) | 用于移动终端的交互方法、装置和移动终端 | |
CN114237795B (zh) | 终端界面显示方法、装置、电子设备及可读存储介质 | |
US20090319463A1 (en) | Color Scheme and Style Controller System | |
CN103488512B (zh) | 程序界面显示处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20131211 |