CN106503048B - 浏览器颜色设置方法和装置 - Google Patents

Abstract

本公开是关于一种浏览器颜色设置方法和装置，属于浏览器领域。所述方法包括：获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；将所述浏览器的第一栏目的颜色设置为所述第一区域的颜色，所述浏览器的第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻。本公开提供的浏览器颜色设置方法既能实现自动设置，又能使浏览器的栏目的主题色与靠近该栏目的区域的颜色相同，使浏览器的主题色和网页颜色融为一体，避免了在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

Description

浏览器颜色设置方法和装置

技术领域

本公开涉及浏览器技术领域，尤其涉及一种浏览器颜色设置方法和装置。

背景技术

随着移动终端的普及，越来越多的人通过移动终端来浏览网页。

移动终端上用于进行网页浏览的浏览器通常包括位于顶部的地址栏和位于底部的信息栏，通过浏览器的主题色设置功能，可以改变浏览器地址栏和信息栏的颜色。

常规的主题色设置通常需要用户手动完成，操作繁琐；同时，在移动终端等小屏幕设备上，如果浏览器的主题色与页面展示内容的色调偏差较大，浏览器在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

发明内容

为克服相关技术中存在的问题，本公开提供一种浏览器颜色设置方法和装置。

根据本公开实施例的第一方面，提供一种浏览器颜色设置方法，所述方法包括：

获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；

将所述浏览器的第一栏目的颜色设置为所述第一区域的颜色，所述浏览器的第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻。

本公开提供的浏览器颜色设置方法通过获取浏览器的待显示页面中靠近所述浏览器的显示窗口一侧的区域的颜色，来设置与该区域相邻的栏目的颜色，既能实现自动设置，又能使浏览器的栏目的主题色与靠近该栏目的区域的颜色相同，使浏览器的主题色和网页颜色融为一体，避免了在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

在本公开的一种实现方式中，所述第一区域为所述待显示页面的顶部标题栏，所述第一栏目为地址栏。

在该实现方式中，通过获取页面的顶部标题栏的颜色，对浏览器的地址栏进行颜色填充，实现浏览器的地址栏的主题色设置。

在本公开的另一种实现方式中，所述获取浏览器的待显示页面中第一区域的颜色，包括：

获取所述待显示页面对应的代码；

从所述代码中获取所述标题栏标签对应的代码段；

根据所述代码段判断所述标题栏是否为顶部标题栏；

当所述标题栏为顶部标题栏时，根据所述代码段获取所述顶部标题栏的颜色。

在该实现方式中，根据标题栏的代码确定标题栏是否为顶部标题栏，只有在标题栏为顶部标题栏时进行标题栏的颜色获取，这样保证填充到浏览器的地址栏的颜色是页面中与其紧邻的标题栏的颜色，而非相隔较远的标题栏的颜色，保证了整个屏幕颜色不被分割。

在本公开的另一种实现方式中，所述从所述代码中获取所述标题栏标签对应的代码段，包括：

判断所述代码中是否存在标题栏标签；

当所述代码中存在标题栏标签时，获取所述标题栏标签对应的代码段。

在该实现方式中，通过在整个页面的代码中查找标题栏标签，进而获取标题栏的代码。

在本公开的另一种实现方式中，所述根据所述代码段判断所述标题栏是否为顶部标题栏，包括：

根据所述代码段获取所述标题栏的尺寸信息和位置信息；

判断所述标题栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第二设定条件；

当所述标题栏的尺寸信息满足第一设定条件且所述标题栏的位置信息满足第二设定条件时，判断所述标题栏为顶部标题栏。

在该实现方式中，通过根据标题栏的尺寸和位置等信息，确定标题栏是否为顶部标题栏，判断方式简单准确。

在本公开的另一种实现方式中，所述第一设定条件包括所述标题栏的宽度等于所述待显示页面的宽度，所述标题栏的高度小于阈值。

在该实现方式中，顶部标题栏的尺寸信息需要满足的条件包括宽度和高度。

在本公开的另一种实现方式中，所述第二设定条件为以下条件中的任一项：

当位置属性为相对时，所述标题栏位于所述待显示页面的正文的顶部；

当位置属性为固定或绝对时，所述标题栏距离浏览器的窗口顶部边缘的距离为0。

在该实现方式中，通过确定标题栏与正文、或者浏览器顶部的距离来确定标题栏是否为顶部标题栏。

在本公开的另一种实现方式中，所述第一区域为所述待显示页面的底部信息栏，所述第一栏目为工具栏。

在该实现方式中，通过获取页面的底部信息栏的颜色，对浏览器的工具栏进行颜色填充，实现浏览器的工具栏的主题色设置。

在本公开的另一种实现方式中，所述获取浏览器的待显示页面中第一区域的颜色，包括：

获取所述待显示页面对应的代码；

从所述代码中获取所述信息栏标签对应的代码段；

根据所述代码段判断所述信息栏是否为底部信息栏；

当所述信息栏为底部信息栏时，根据所述代码段获取所述底部信息栏的颜色。

在该实现方式中，根据信息栏的代码确定信息栏是否为底部信息栏，只有在信息栏为底部信息栏时进行信息栏的颜色获取，这样保证填充到浏览器的工具栏的颜色是页面中与其紧邻的信息栏的颜色，而非相隔较远的信息栏的颜色，保证了整个屏幕颜色不被分割。

在本公开的另一种实现方式中，所述从所述代码中获取所述信息栏标签对应的代码段，包括：

判断所述代码中是否存在信息栏标签；

当所述代码中存在信息栏标签时，获取所述信息栏标签对应的代码段。

在该实现方式中，通过在整个页面的代码中查找信息栏标签，进而获取信息栏的代码。

在本公开的另一种实现方式中，所述根据所述代码段判断所述信息栏是否为底部信息栏，包括：

根据所述代码段获取所述信息栏的尺寸信息和位置信息；

判断所述信息栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第三设定条件；

当所述信息栏的尺寸信息满足第一设定条件且所述信息栏的位置信息满足第三设定条件时，判断所述信息栏为底部信息栏。

在该实现方式中，通过根据信息栏的尺寸和位置等信息，确定信息栏是否为底部信息栏，判断方式简单准确。

在本公开的另一种实现方式中，所述第三设定条件为以下条件中的任一项：

当位置属性为相对时，所述信息栏位于所述待显示页面的正文的底部；

当位置属性为固定或绝对时，所述信息栏距离浏览器的窗口底部边缘的距离为0。

在该实现方式中，通过确定信息栏与正文、或者浏览器底部的距离来确定信息栏是否为底部信息栏。

在本公开的另一种实现方式中，所述将所述浏览器的第一栏目的颜色设置为所述第一区域的颜色，包括：

在所述显示窗口中显示所述待显示页面时，或者在所述显示窗口中显示所述待显示页面之前，将所述第一栏目的颜色设置为所述第一区域的颜色。

在该实现方式中，通过在显示待显示页面的时候或之前，设置浏览器的颜色，保持浏览器颜色与页面一致。

在本公开的另一种实现方式中，所述方法还包括：

获取浏览器的待显示页面中第二区域的颜色，所述第二区域为所述待显示页面靠近所述浏览器的显示窗口另一侧的区域；

将所述浏览器的第二栏目的颜色设置为所述第二区域的颜色，所述浏览器的第二栏目为所述显示窗口外围的栏目，且所述第二栏目与所述第二区域相邻。

在该实现方式中，该方法同时可以设置浏览器的两个区域的颜色，例如同时设置地址栏和工具栏，优化颜色设置的效果。

根据本公开实施例的第二方面，提供一种浏览器颜色设置装置，所述装置包括：

获取单元，用于获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；

设置单元，用于将所述浏览器的第一栏目的颜色设置为所述第一区域的颜色，所述浏览器的第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻。

在本公开的一种实现方式中，所述第一区域为所述待显示页面的顶部标题栏，所述第一栏目为地址栏。

在本公开的另一种实现方式中，所述获取单元，包括：

第一获取模块，用于获取所述待显示页面对应的代码；从所述代码中获取所述标题栏标签对应的代码段；

判断模块，用于根据所述代码段判断所述标题栏是否为顶部标题栏；

第二获取模块，用于当所述标题栏为顶部标题栏时，根据所述代码段获取所述顶部标题栏的颜色。

在本公开的另一种实现方式中，所述第一获取模块，用于：

判断所述代码中是否存在标题栏标签；

当所述代码中存在标题栏标签时，获取所述标题栏标签对应的代码段。

在本公开的另一种实现方式中，所述判断模块，用于：

根据所述代码段获取所述标题栏的尺寸信息和位置信息；

判断所述标题栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第二设定条件；

当所述标题栏的尺寸信息满足第一设定条件且所述标题栏的位置信息满足第二设定条件时，判断所述标题栏为顶部标题栏。

在本公开的另一种实现方式中，所述第一设定条件包括所述标题栏的宽度等于所述待显示页面的宽度，所述标题栏的高度小于阈值。

在本公开的另一种实现方式中，所述第二设定条件为以下条件中的任一项：

当位置属性为相对时，所述标题栏位于所述待显示页面的正文的顶部；

当位置属性为固定或绝对时，所述标题栏距离浏览器的窗口顶部边缘的距离为0。

在本公开的另一种实现方式中，所述第一区域为所述待显示页面的底部信息栏，所述第一栏目为工具栏。

在本公开的另一种实现方式中，所述获取单元，包括：

第一获取模块，用于获取所述待显示页面对应的代码；从所述代码中获取所述信息栏标签对应的代码段；

判断模块，用于根据所述代码段判断所述信息栏是否为底部信息栏；

第二获取模块，用于当所述信息栏为底部信息栏时，根据所述代码段获取所述底部信息栏的颜色。

在本公开的另一种实现方式中，所述第一获取模块，用于：

判断所述代码中是否存在信息栏标签；

当所述代码中存在信息栏标签时，获取所述信息栏标签对应的代码段。

在本公开的另一种实现方式中，所述判断模块，用于：

根据所述代码段获取所述信息栏的尺寸信息和位置信息；

判断所述信息栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第三设定条件；

当所述信息栏的尺寸信息满足第一设定条件且所述信息栏的位置信息满足第三设定条件时，判断所述信息栏为底部信息栏。

在本公开的另一种实现方式中，所述第三设定条件为以下条件中的任一项：

当位置属性为相对时，所述信息栏位于所述待显示页面的正文的底部；

当位置属性为固定或绝对时，所述信息栏距离浏览器的窗口底部边缘的距离为0。

在本公开的另一种实现方式中，所述设置单元，用于在所述显示窗口中显示所述待显示页面时，或者在所述显示窗口中显示所述待显示页面之前，将所述第一栏目的颜色设置为所述第一区域的颜色。

在本公开的另一种实现方式中，所述获取单元，还用于获取浏览器的待显示页面中第二区域的颜色，所述第二区域为所述待显示页面靠近所述浏览器的显示窗口另一侧的区域；

所述设置单元，还用于将所述浏览器的第二栏目的颜色设置为所述第二区域的颜色，所述浏览器的第二栏目为所述显示窗口外围的栏目，且所述第二栏目与所述第二区域相邻。

根据本公开实施例的第三方面，提供一种浏览器颜色设置装置，其特征在于，所述装置包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；

将所述浏览器的第一栏目的颜色设置为所述第一区域的颜色，所述浏览器的第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻。

本公开的实施例提供的技术方案可以包括以下有益效果：

本公开提供的浏览器颜色设置方法通过获取浏览器的待显示页面中靠近所述浏览器的显示窗口一侧的区域的颜色，来设置与该区域相邻的栏目的颜色，既能实现自动设置，又能使浏览器的栏目的主题色与靠近该栏目的区域的颜色相同，使浏览器的主题色和网页颜色融为一体，避免了在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是根据一示例性实施例示出的浏览器的界面示意图；

图2是根据一示例性实施例示出的一种浏览器颜色设置方法的流程图；

图3是根据一示例性实施例示出的另一种浏览器颜色设置方法的流程图；

图3A是根据一示例性实施例示出的浏览器的界面示意图；

图3B是根据一示例性实施例示出的浏览器的界面示意图；

图4是根据一示例性实施例示出的另一种浏览器颜色设置方法的流程图；

图5是根据一示例性实施例示出的一种浏览器颜色设置装置的框图；

图6是根据一示例性实施例示出的另一种浏览器颜色设置装置的框图；

图7是根据一示例性实施例示出的又一种浏览器颜色设置装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

本公开实施例可以适用于移动终端的浏览器的颜色设置，图1是根据一示例性实施例示出的一种浏览器的界面示意图，如图1所示，浏览器包括设置在其顶部的地址栏10、位于其底部的工具栏20以及设置在地址栏10和工具栏20之间的页面显示区域30，目前浏览器的地址栏10和工具栏20的颜色可以由用户进行设置，存在较多问题(参见背景技术)，本公开通过后续提供的方法和装置可以解决上述问题。

其中，移动终端包括但不限于手机、平板电脑等。

其中，地址栏10和工具栏20在不同的浏览器中名称可能不同，例如地址栏也可以成为状态栏，本公开对此不作限制。

图2是根据一示例性实施例示出的一种浏览器颜色设置方法，该方法可以适用于前述移动终端中，如图2所示，该方法包括以下步骤。

在步骤S11中，获取浏览器的待显示页面中第一区域的颜色，第一区域为待显示页面靠近浏览器的显示窗口一侧的区域。

其中，浏览器是指可以显示网页服务器或者文件系统的超级文本标记语言(英文：HyperText Markup Language，简称：HTML)文件内容的软件。在本公开实施例中，浏览器可以是IE内核的浏览器，也可以是谷歌或者火狐内核的浏览器。

其中，浏览器的待显示页面的第一区域可以为一个矩形区域。由于浏览器显示页面通常为矩形，因此在进行颜色获取时，通常也选择一矩形区域进行颜色获取，例如浏览器的待显示页面的标题栏或者信息栏。当然，在根据不同的需求或者页面显示，第一区域也可以为其他形状，如圆形、梯形等。

在步骤S12中，将浏览器的第一栏目的颜色设置为第一区域的颜色，浏览器的第一栏目为显示窗口外围的栏目，且第一栏目与第一区域相邻。

浏览器通常会在四周设置便于用户使用的栏目，例如设置在顶部的地址栏和底部的工具栏。其中，栏目的颜色通常为该栏目的背景色。

该步骤可以通过获取与地址栏紧邻的顶部标题栏的颜色对地址栏的颜色进行设置，或者通过获取与工具栏紧邻的底部信息栏的颜色对工具栏的颜色进行设置。

当然在本公开中还可以将地址栏和工具栏的位置互换，或者将地址栏或工具栏设置在浏览器的侧边。

进一步地，该方法还可以包括：获取浏览器的待显示页面中第二区域的颜色，第二区域为待显示页面靠近浏览器的显示窗口另一侧的区域；将浏览器的第二栏目的颜色设置为第二区域的颜色，浏览器的第二栏目为显示窗口外围的栏目，且第二栏目与第二区域相邻。

本公开提供的浏览器颜色设置方法通过获取浏览器的待显示页面中靠近浏览器的显示窗口一侧的区域的颜色，来设置与该区域相邻的栏目的颜色，既能实现自动设置，又能使浏览器的栏目的主题色与靠近该栏目的区域的颜色相同，使浏览器的主题色和网页颜色融为一体，避免了在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

图3是根据一示例性实施例示出的另一种浏览器颜色设置方法，该方法可以适用于前述移动终端中，该方法以顶部标题栏作为第一区域，地址栏作为第一栏目为例进行说明，如图3所示，该方法包括以下步骤。

在步骤S20中，获取待显示页面对应的代码。

实现时，步骤S20可以包括：接收服务器或其他设备发送的网页数据；通过浏览器将网页数据转换成浏览器可以加载的代码。

在步骤S21中，从代码中获取标题栏标签对应的代码段。

实现时，步骤S21可以包括：

第一步，判断代码中是否存在标题栏标签。

其中，网页代码的标题栏标签通常采用head或header表示。例如，代码中采用<head>和<head/>、<header>和<header/>或<div id＝"header">的形式表示标题栏标签。

第二步，当代码中存在标题栏标签时，从代码中获取标题栏标签对应的代码段。

在确定代码中存在标题栏标签时，可以获取相应代码段，对于标题栏标签的代码段而言，其通常包括<head>和<head/>之间的代码，或者<header>和<header/>之间的代码，或者<div id＝"header">所在段落的代码。

在步骤S22中，根据代码段判断标题栏是否为顶部标题栏。

实现时，步骤S22可以包括：

第一步，根据代码段获取标题栏的尺寸信息和位置信息。

其中，根据代码段获取标题栏的尺寸信息可以包括：根据代码段中宽度和高度关键字，分别获取其对应的宽度和高度。例如，标题栏的尺寸信息可以根据其中的关键字width(宽度)和height(高度)获取，例如代码中width:100px；height:30px，则可以获取到的尺寸信息为宽100px(像素)，高30px。

其中，根据代码段获取标题栏的位置信息可以包括：根据位置信息的关键字获取其对应的位置信息。其中，位置信息的关键字包括位置属性和位置值。

位置属性包括relative(相对位置)、fixed(固定位置)和absolute(绝对位置)。位置值包括对应于left(左)、bottom(下)、right(右)和top(上)的像素值。例如代码中position:fixed；top:0px，则可以获取到的位置信息为绝对位置为距离浏览器顶部的距离为0。

第二步，判断标题栏的尺寸信息是否满足第一设定条件并判断位置信息是否满足第二设定条件。

第三步，当标题栏的尺寸信息满足第一设定条件且标题栏的位置信息满足第二设定条件时，判断标题栏为顶部标题栏。

其中，第一设定条件包括标题栏的宽度等于待显示页面的宽度，标题栏的高度小于阈值。其中，阈值通常设置为200px。

第二设定条件为以下条件中的任一项：

当位置属性为相对时，标题栏位于待显示页面的正文的顶部；

当位置属性为固定或绝对时，标题栏距离浏览器的窗口顶部边缘的距离为0。

在步骤S23中，当标题栏为顶部标题栏时，根据代码段获取顶部标题栏的颜色。

其中，根据代码段获取顶部标题栏的颜色可以包括：根据代码段中颜色关键字，获取其对应的颜色值。

其中，颜色关键字通常为background-color(背景颜色)；颜色值通常为16进制代码，位数为6位。

进一步地，当标题栏不是顶部标题栏时，结束该方法流程。

在步骤S24中，将浏览器的地址栏的颜色设置为顶部标题栏的颜色。

实现时，步骤S24可以包括：在显示窗口中显示待显示页面时，或者在显示窗口中显示待显示页面之前，将地址栏的颜色设置为顶部标题栏的颜色。

其中，将浏览器的地址栏的颜色设置为顶部标题栏的颜色可以包括：将浏览器的程序代码中地址栏的颜色修改为顶部标题栏的颜色。

进一步地，该方法还可以包括：获取浏览器的待显示页面中底部信息栏的颜色；将浏览器的工具栏的颜色设置为底部信息栏的颜色。

其中，设置工具栏的颜色的过程可以与前述步骤S21-S24相同，且可以与步骤S21-S24同时执行。

进一步地，该方法还可以包括采用相同的对浏览器的其他栏目进行颜色设置，设置方式与地址栏和工具栏相同，这里不再赘述。

下面通过图3A和图3B对本公开实施例提供的方法的效果进行说明，图3A所示为未进行浏览器颜色设置时浏览器的界面图，可以看出浏览器的地址栏10和工具栏20的颜色分别与相邻的页面的标题栏31和信息栏32的颜色不同，造成整个页面颜色较多。在采用本实施例提供的方法调整后，地址栏10和标题栏31颜色相同，工具栏20和信息栏32颜色相同，使浏览器的主题色和网页颜色融为一体，避免了在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

本公开提供的浏览器颜色设置方法通过根据标题栏的代码确定标题栏是否为顶部标题栏，只有在标题栏为顶部标题栏时进行标题栏的颜色获取，这样保证填充到浏览器的地址栏的颜色是页面中与其紧邻的标题栏的颜色，而非相隔较远的标题栏的颜色，保证了整个屏幕颜色不被分割。

图4是根据一示例性实施例示出的另一种浏览器颜色设置方法，该方法可以适用于前述移动终端中，该方法以底部信息栏作为第一区域，工具栏作为第一栏目为例进行说明，如图4所示，该方法包括以下步骤。

在步骤S30中，获取待显示页面对应的代码。

实现时，步骤S30可以包括：接收服务器或其他设备发送的网页数据；通过浏览器将网页数据转换成浏览器可以加载的代码。

在步骤S31中，从代码中获取信息栏标签对应的代码段。

实现时，步骤S31可以包括：

第一步，判断代码中是否存在信息栏标签。

其中，网页代码的信息栏(也即网页的页脚)通常采用footer表示。例如，代码中采用<footer>和<footer/>或<div id＝"footer">的形式表示信息栏标签。

第二步，当代码中存在信息栏标签时，从代码中获取信息栏标签对应的代码段。

在确定代码中存在信息栏标签时，可以获取相应代码段，对于信息栏标签的代码段而言，其通常包括<footer>和<footer/>之间的代码，或者<div id＝"footer">所在段落的代码。

在步骤S32中，根据代码段判断信息栏是否为底部信息栏。

实现时，步骤S32可以包括：

第一步，根据代码段获取信息栏的尺寸信息和位置信息。

实现时，信息栏的尺寸信息和位置信息获取方式与步骤S22相同，这里不做赘述。

第二步，判断信息栏的尺寸信息是否满足第一设定条件并判断位置信息是否满足第三设定条件；

第三步，当信息栏的尺寸信息满足第一设定条件且信息栏的位置信息满足第三设定条件时，判断信息栏为底部信息栏。

其中，第一设定条件包括标题栏的宽度等于待显示页面的宽度，标题栏的高度小于阈值。其中，阈值通常设置为200px。

第三设定条件为以下条件中的任一项：

当位置属性为相对时，信息栏位于待显示页面的正文的底部；

当位置属性为固定或绝对时，信息栏距离浏览器的窗口底部边缘的距离为0。

在步骤S33中，当信息栏为底部信息栏时，根据代码段获取底部信息栏的颜色。

实现时，获取底部信息栏的颜色方式与步骤S23相同，这里不做赘述。

在步骤S34中，将浏览器的工具栏的颜色设置为底部信息栏的颜色。

实现时，底部信息栏的颜色设置方式与步骤S24相同，这里不做赘述。

进一步地，该方法还可以包括：获取浏览器的待显示页面中顶部标题栏的颜色；将浏览器的地址栏的颜色设置为顶部标题栏的颜色。

其中，设置地址栏的颜色的过程可以与前述步骤S31-S34相同，且可以与步骤S31-S34同时执行。

进一步地，该方法还可以包括采用相同的对浏览器的其他栏目进行颜色设置，设置方式与地址栏和工具栏相同，这里不再赘述。

在该实现方式中，根据信息栏的代码确定信息栏是否为底部信息栏，只有在信息栏为底部信息栏时进行信息栏的颜色获取，这样保证填充到浏览器的工具栏的颜色是页面中与其紧邻的信息栏的颜色，而非相隔较远的信息栏的颜色，保证了整个屏幕颜色不被分割。

图5是根据一示例性实施例示出的一种浏览器颜色设置装置的框图，参照图5，该装置包括：获取单元410和设置单元420。

其中，获取单元410，用于获取浏览器的待显示页面中第一区域的颜色，第一区域为待显示页面靠近浏览器的显示窗口一侧的区域；设置单元420，用于将浏览器的第一栏目的颜色设置为第一区域的颜色，浏览器的第一栏目为显示窗口外围的栏目，且第一栏目与第一区域相邻。

获取单元410获取浏览器的待显示页面中第一区域的颜色的方式可以参见步骤S11；设置单元420进行第一栏目的颜色设置的方式可以参见步骤S12，在此省略详细描述。

本公开提供的浏览器颜色设置方法通过获取浏览器的待显示页面中靠近浏览器的显示窗口一侧的区域的颜色，来设置与该区域相邻的栏目的颜色，既能实现自动设置，又能使浏览器的栏目的主题色与靠近该栏目的区域的颜色相同，使浏览器的主题色和网页颜色融为一体，避免了在屏幕上展示的色块过多，造成视觉上的割裂，影响用户体验。

图6是根据一示例性实施例示出的一种浏览器颜色设置装置的框图，参照图6，该装置包括：获取单元510和设置单元520。

其中，获取单元510，用于获取浏览器的待显示页面中第一区域的颜色，第一区域为待显示页面靠近浏览器的显示窗口一侧的区域；设置单元520，用于将浏览器的第一栏目的颜色设置为第一区域的颜色，浏览器的第一栏目为显示窗口外围的栏目，且第一栏目与第一区域相邻。

在本公开的一种实现方式中，第一区域为待显示页面的顶部标题栏，第一栏目为地址栏。

在该实现方式中，获取单元510可以包括：

第一获取模块511，用于获取待显示页面对应的代码；从代码中获取标题栏标签对应的代码段；

判断模块512，用于根据代码段判断标题栏是否为顶部标题栏；

第二获取模块513，用于当标题栏为顶部标题栏时，根据代码段获取顶部标题栏的颜色。

其中，第一获取模块511获取代码段的方式可以参见步骤S21；判断模块512判断的方式可以参见步骤S22，第二获取模块513获取颜色的方式可以参见步骤S23，在此省略详细描述。

在该实现方式中，第一获取模块511，用于：

判断代码中是否存在标题栏标签；

当代码中存在标题栏标签时，从代码中获取标题栏标签对应的代码段。

在该实现方式中，判断模块512，用于：

根据代码段获取标题栏的尺寸信息和位置信息；

判断标题栏的尺寸信息是否满足第一设定条件并判断位置信息是否满足第二设定条件；

当标题栏的尺寸信息满足第一设定条件且标题栏的位置信息满足第二设定条件时，判断标题栏为顶部标题栏。

其中，第一设定条件包括标题栏的宽度等于待显示页面的宽度，标题栏的高度小于阈值。

其中，第二设定条件为以下条件中的任一项：

当位置属性为相对时，标题栏位于待显示页面的正文的顶部；

当位置属性为固定或绝对时，标题栏距离浏览器的窗口顶部边缘的距离为0。

在本公开的另一种实现方式中，第一区域为待显示页面的底部信息栏，第一栏目为工具栏。

在该实现方式中，获取单元510可以包括：

第一获取模块511，用于获取待显示页面对应的代码；从代码中获取信息栏标签对应的代码段；

判断模块512，用于根据代码段判断信息栏是否为底部信息栏；

第二获取模块513，用于当信息栏为底部信息栏时，根据代码段获取底部信息栏的颜色。

其中，第一获取模块511获取代码段的方式可以参见步骤S31；判断模块512判断的方式可以参见步骤S32，第二获取模块513获取颜色的方式可以参见步骤S33，在此省略详细描述。

在该实现方式中，第一获取模块511，用于：

判断代码中是否存在信息栏标签；

当代码中存在信息栏标签时，从代码中获取信息栏标签对应的代码段。

在该实现方式中，判断模块512，用于：

根据代码段获取信息栏的尺寸信息和位置信息；

判断信息栏的尺寸信息是否满足第一设定条件并判断位置信息是否满足第三设定条件；

当信息栏的尺寸信息满足第一设定条件且信息栏的位置信息满足第三设定条件时，判断信息栏为底部信息栏。

其中，第一设定条件包括标题栏的宽度等于待显示页面的宽度，标题栏的高度小于阈值。

其中，第三设定条件为以下条件中的任一项：

当位置属性为相对时，信息栏位于待显示页面的正文的底部；

当位置属性为固定或绝对时，信息栏距离浏览器的窗口底部边缘的距离为0。

实现时，设置单元520，用于在显示窗口中显示待显示页面时，或者在显示窗口中显示待显示页面之前，将第一栏目的颜色设置为第一区域的颜色。

进一步地，获取单元510，还可以用于获取浏览器的待显示页面中第二区域的颜色，第二区域为待显示页面靠近浏览器的显示窗口另一侧的区域；

设置单元520，还可以用于将浏览器的第二栏目的颜色设置为第二区域的颜色，浏览器的第二栏目为显示窗口外围的栏目，且第二栏目与第二区域相邻。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图7是根据一示例性实施例示出的一种浏览器颜色设置装置600的框图。例如，装置600可以是移动电话，平板设备等。

参照图7，装置600可以包括以下一个或多个组件：处理组件602，存储器604，电力组件606，多媒体组件608，音频组件610，输入/输出(I/O)的接口612，传感器组件614，以及通信组件616。

处理组件602通常控制装置600的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件602可以包括一个或多个处理器620来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件602可以包括一个或多个模块，便于处理组件602和其他组件之间的交互。例如，处理组件602可以包括多媒体模块，以方便多媒体组件608和处理组件602之间的交互。

存储器604被配置为存储各种类型的数据以支持在装置600的操作。这些数据的示例包括用于在装置600上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器604可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电力组件606为装置600的各种组件提供电力。电力组件606可以包括电源管理系统，一个或多个电源，及其他与为装置600生成、管理和分配电力相关联的组件。

多媒体组件608包括在所述装置600和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件608包括一个前置摄像头和/或后置摄像头。当装置600处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件610被配置为输出和/或输入音频信号。例如，音频组件610包括一个麦克风(MIC)，当装置600处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器604或经由通信组件616发送。在一些实施例中，音频组件610还包括一个扬声器，用于输出音频信号。

I/O接口612为处理组件602和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件614包括一个或多个传感器，用于为装置600提供各个方面的状态评估。例如，传感器组件614可以检测到设备600的打开/关闭状态，组件的相对定位，例如所述组件为装置600的显示器和小键盘，传感器组件614还可以检测装置600或装置600一个组件的位置改变，用户与装置600接触的存在或不存在，装置600方位或加速/减速和装置600的温度变化。传感器组件614可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件614还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件614还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件616被配置为便于装置600和其他设备之间有线或无线方式的通信。装置600可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件616经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件616还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置600可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器604，上述指令可由装置600的处理器620执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种浏览器颜色设置方法，所述方法包括：

获取浏览器的待显示页面中第一区域的颜色，第一区域为待显示页面靠近浏览器的显示窗口一侧的区域；

将浏览器的第一栏目的颜色设置为第一区域的颜色，浏览器的第一栏目为显示窗口外围的栏目，且第一栏目与第一区域相邻。

在一种可能的实现方式中，第一区域为待显示页面的顶部标题栏，第一栏目为地址栏。

在一种可能的实现方式中，获取浏览器的待显示页面中第一区域的颜色，包括：

获取待显示页面对应的代码；

从代码中获取标题栏标签对应的代码段；

根据代码段判断标题栏是否为顶部标题栏；

当标题栏为顶部标题栏时，根据代码段获取顶部标题栏的颜色。

在一种可能的实现方式中，从代码中获取标题栏标签对应的代码段，包括：

判断代码中是否存在标题栏标签；

当代码中存在标题栏标签时，从代码中获取标题栏标签对应的代码段。

在一种可能的实现方式中，根据代码段判断标题栏是否为顶部标题栏，包括：

根据代码段获取标题栏的尺寸信息和位置信息；

判断标题栏的尺寸信息是否满足第一设定条件并判断位置信息是否满足第二设定条件；

当标题栏的尺寸信息满足第一设定条件且标题栏的位置信息满足第二设定条件时，判断标题栏为顶部标题栏。

在一种可能的实现方式中，第一设定条件包括标题栏的宽度等于待显示页面的宽度，标题栏的高度小于阈值。

在一种可能的实现方式中，第二设定条件为以下条件中的任一项：

当位置属性为相对时，标题栏位于待显示页面的正文的顶部；

当位置属性为固定或绝对时，标题栏距离浏览器的窗口顶部边缘的距离为0。

在一种可能的实现方式中，第一区域为待显示页面的底部信息栏，第一栏目为工具栏。

在一种可能的实现方式中，获取浏览器的待显示页面中第一区域的颜色，包括：

获取待显示页面对应的代码；

从代码中获取信息栏标签对应的代码段；

根据代码段判断信息栏是否为底部信息栏；

当信息栏为底部信息栏时，根据代码段获取底部信息栏的颜色。

在一种可能的实现方式中，从代码中获取信息栏标签对应的代码段，包括：

判断代码中是否存在信息栏标签；

当代码中存在信息栏标签时，从代码中获取信息栏标签对应的代码段。

在一种可能的实现方式中，根据代码段判断信息栏是否为底部信息栏，包括：

根据代码段获取信息栏的尺寸信息和位置信息；

判断信息栏的尺寸信息是否满足第一设定条件并判断位置信息是否满足第三设定条件；

当信息栏的尺寸信息满足第一设定条件且信息栏的位置信息满足第三设定条件时，判断信息栏为底部信息栏。

在一种可能的实现方式中，第三设定条件为以下条件中的任一项：

当位置属性为相对时，信息栏位于待显示页面的正文的底部；

当位置属性为固定时，信息栏底部距离为0；

当位置属性为固定或绝对时，信息栏距离浏览器的窗口底部边缘的距离为0。

在一种可能的实现方式中，将浏览器的第一栏目的颜色设置为第一区域的颜色，包括：

在显示窗口中显示待显示页面时，或者在显示窗口中显示待显示页面之前，将第一栏目的颜色设置为第一区域的颜色。

在一种可能的实现方式中，该方法还包括：

获取浏览器的待显示页面中第二区域的颜色，第二区域为待显示页面靠近浏览器的显示窗口另一侧的区域；

将浏览器的第二栏目的颜色设置为第二区域的颜色，浏览器的第二栏目为显示窗口外围的栏目，且第二栏目与第二区域相邻。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (11)

1.一种浏览器颜色设置方法，其特征在于，所述方法包括：

获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；

在所述显示窗口中显示所述待显示页面时，或者在所述显示窗口中显示所述待显示页面之前，将所述浏览器的程序代码中第一栏目的颜色修改为所述第一区域的颜色，所述第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻；

其中，所述获取浏览器的待显示页面中第一区域的颜色，包括：

当所述第一区域为所述待显示页面的顶部标题栏，所述第一栏目为地址栏时，获取所述待显示页面对应的代码；判断所述代码中是否存在标题栏标签；当所述代码中存在标题栏标签时，从所述代码中获取所述标题栏标签对应的代码段；根据所述代码段获取所述标题栏的尺寸信息和位置信息；判断所述标题栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第二设定条件；当所述标题栏的尺寸信息满足第一设定条件且所述标题栏的位置信息满足第二设定条件时，判断所述标题栏为顶部标题栏；当所述标题栏为顶部标题栏时，根据所述代码段中颜色关键字获取所述顶部标题栏的颜色；

当所述第一区域为所述待显示页面的底部信息栏，所述第一栏目为工具栏时，获取所述待显示页面对应的代码；判断所述代码中是否存在信息栏标签；当所述代码中存在信息栏标签时，从所述代码中获取所述信息栏标签对应的代码段；根据所述代码段获取所述信息栏的尺寸信息和位置信息；判断所述信息栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第三设定条件；当所述信息栏的尺寸信息满足第一设定条件且所述信息栏的位置信息满足第三设定条件时，判断所述信息栏为底部信息栏；当所述信息栏为底部信息栏时，根据所述代码段获取所述底部信息栏的颜色。

2.根据权利要求1所述的方法，其特征在于，所述第一设定条件包括所述标题栏的宽度等于所述待显示页面的宽度，所述标题栏的高度小于阈值。

3.根据权利要求1所述的方法，其特征在于，所述第二设定条件为以下条件中的任一项：

当位置属性为相对时，所述标题栏位于所述待显示页面的正文的顶部；

当位置属性为固定或绝对时，所述标题栏距离浏览器的窗口顶部边缘的距离为0。

4.根据权利要求1所述的方法，其特征在于，所述第三设定条件为以下条件中的任一项：

当位置属性为相对时，所述信息栏位于所述待显示页面的正文的底部；

当位置属性为固定或绝对时，所述信息栏距离浏览器的窗口底部边缘的距离为0。

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

获取浏览器的待显示页面中第二区域的颜色，所述第二区域为所述待显示页面靠近所述浏览器的显示窗口另一侧的区域；

将所述浏览器的第二栏目的颜色设置为所述第二区域的颜色，所述浏览器的第二栏目为所述显示窗口外围的栏目，且所述第二栏目与所述第二区域相邻。

6.一种浏览器颜色设置装置，其特征在于，所述装置包括：

获取单元，用于获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；

设置单元，用于在所述显示窗口中显示所述待显示页面时，或者在所述显示窗口中显示所述待显示页面之前，将所述浏览器的程序代码中第一栏目的颜色修改为所述第一区域的颜色，所述第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻；

其中，所述获取单元具体用于当所述第一区域为所述待显示页面的顶部标题栏，所述第一栏目为地址栏时，获取所述待显示页面对应的代码；判断所述代码中是否存在标题栏标签；当所述代码中存在标题栏标签时，从所述代码中获取所述标题栏标签对应的代码段；根据所述代码段获取所述标题栏的尺寸信息和位置信息；判断所述标题栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第二设定条件；当所述标题栏的尺寸信息满足第一设定条件且所述标题栏的位置信息满足第二设定条件时，判断所述标题栏为顶部标题栏；当所述标题栏为顶部标题栏时，根据所述代码段中颜色关键字获取所述顶部标题栏的颜色；

所述获取单元还具体用于当所述第一区域为所述待显示页面的底部信息栏，所述第一栏目为工具栏时，获取所述待显示页面对应的代码；判断所述代码中是否存在信息栏标签；当所述代码中存在信息栏标签时，从所述代码中获取所述信息栏标签对应的代码段；根据所述代码段获取所述信息栏的尺寸信息和位置信息；判断所述信息栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第三设定条件；当所述信息栏的尺寸信息满足第一设定条件且所述信息栏的位置信息满足第三设定条件时，判断所述信息栏为底部信息栏；当所述信息栏为底部信息栏时，根据所述代码段获取所述底部信息栏的颜色。

7.根据权利要求6所述的装置，其特征在于，所述第一设定条件包括所述标题栏的宽度等于所述待显示页面的宽度，所述标题栏的高度小于阈值。

8.根据权利要求6所述的装置，其特征在于，所述第二设定条件为以下条件中的任一项：

当位置属性为相对时，所述标题栏位于所述待显示页面的正文的顶部；

当位置属性为固定或绝对时，所述标题栏距离浏览器的窗口顶部边缘的距离为0。

9.根据权利要求6所述的装置，其特征在于，所述第三设定条件为以下条件中的任一项：

当位置属性为相对时，所述信息栏位于所述待显示页面的正文的底部；

当位置属性为固定或绝对时，所述信息栏距离浏览器的窗口底部边缘的距离为0。

10.根据权利要求6至9任一项所述的装置，其特征在于，所述获取单元，还用于获取浏览器的待显示页面中第二区域的颜色，所述第二区域为所述待显示页面靠近所述浏览器的显示窗口另一侧的区域；

所述设置单元，还用于将所述浏览器的第二栏目的颜色设置为所述第二区域的颜色，所述浏览器的第二栏目为所述显示窗口外围的栏目，且所述第二栏目与所述第二区域相邻。

11.一种浏览器颜色设置装置，其特征在于，所述装置包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

获取浏览器的待显示页面中第一区域的颜色，所述第一区域为所述待显示页面靠近所述浏览器的显示窗口一侧的区域；

在所述显示窗口中显示所述待显示页面时，或者在所述显示窗口中显示所述待显示页面之前，将所述浏览器的程序代码中第一栏目的颜色修改为所述第一区域的颜色，所述浏览器的第一栏目为所述显示窗口外围的栏目，且所述第一栏目与所述第一区域相邻；

其中，所述获取浏览器的待显示页面中第一区域的颜色，包括：

当所述第一区域为所述待显示页面的顶部标题栏，所述第一栏目为地址栏时，获取所述待显示页面对应的代码；判断所述代码中是否存在标题栏标签；当所述代码中存在标题栏标签时，从所述代码中获取所述标题栏标签对应的代码段；根据所述代码段获取所述标题栏的尺寸信息和位置信息；判断所述标题栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第二设定条件；当所述标题栏的尺寸信息满足第一设定条件且所述标题栏的位置信息满足第二设定条件时，判断所述标题栏为顶部标题栏；当所述标题栏为顶部标题栏时，根据所述代码段中颜色关键字获取所述顶部标题栏的颜色；

当所述第一区域为所述待显示页面的底部信息栏，所述第一栏目为工具栏时，获取所述待显示页面对应的代码；判断所述代码中是否存在信息栏标签；当所述代码中存在信息栏标签时，从所述代码中获取所述信息栏标签对应的代码段；根据所述代码段获取所述信息栏的尺寸信息和位置信息；判断所述信息栏的尺寸信息是否满足第一设定条件并判断所述位置信息是否满足第三设定条件；当所述信息栏的尺寸信息满足第一设定条件且所述信息栏的位置信息满足第三设定条件时，判断所述信息栏为底部信息栏；当所述信息栏为底部信息栏时，根据所述代码段获取所述底部信息栏的颜色。

Images