CN103294719B - 显示浏览器皮肤的方法和浏览器 - Google Patents

Abstract

本发明公开了一种显示浏览器皮肤的方法和浏览器，属于计算机领域。所述方法包括：获取预设的皮肤文件，所述皮肤文件包括浏览器的N个元素与所述N个元素对应的皮肤信息，所述N为大于1的整数；解析所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息；根据所述浏览器的各元素与所述各元素对应的皮肤信息，将所述浏览器的各元素显示出对应的皮肤信息。本发明通过根据预设的皮肤文件，解析出该皮肤文件中的浏览器的各元素分别对应的皮肤信息，从而根据浏览器的各元素及对应的皮肤信息之间的对应关系，更新浏览器的皮肤，丰富了浏览器的各元素的皮肤信息。浏览器通过获取不同的皮肤文件，可以更换为不同的皮肤信息。

Description

显示浏览器皮肤的方法和浏览器

技术领域

本发明涉及计算机领域，特别涉及显示浏览器皮肤的方法和浏览器。

背景技术

随着互联网的发达，越来越多的用户通过浏览器浏览网页来获取信息。浏览器的皮肤是屏幕上各个图片元素和颜色搭配显示的外观效果。

现有技术中，浏览器一般采用内置颜色数据块的模式，设置一套默认的颜色方案，也有的浏览器为了满足用户在弱光环境下浏览的需要，默认增加了夜间模式，但是这种方式无法在后期更换数据。

在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

浏览器设置的皮肤模式，后期无法更换数据，不能满足用户的个性化需求，显示的皮肤模式比较单一。

发明内容

为了丰富浏览器显示皮肤的模式，本发明实施例提供了一种显示浏览器皮肤的方法和浏览器。所述技术方案如下：

本发明实施例提供了一种显示浏览器皮肤的方法，所述方法包括：

获取预设的皮肤文件，所述皮肤文件包括浏览器的N个元素与所述N个元素对应的皮肤信息，所述N为大于1的整数；

解析所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息；

根据所述浏览器的各元素与所述各元素对应的皮肤信息，将所述浏览器的各元素显示出对应的皮肤。

其中，所述N个元素对应的皮肤信息，具体包括：

元素与皮肤信息一一对应；或者，一个皮肤信息对应M个元素，所述M为大于1小于N的整数。

进一步地，所述获取预设的皮肤文件之前，所述方法还包括：

根据浏览器的元素、颜色数据和图片数据生成皮肤文件。

其中，所述皮肤文件还包括皮肤文件头，相应地，所述获取预设的皮肤文件之后，所述方法还包括：

解析所述皮肤文件头得到解析结果，并判断所述解析结果能否应用于所述浏览器；

当所述解析结果能应用于所述浏览器时，执行解析所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息的步骤。

其中，所述解析结果具体包括：所述皮肤文件的平台信息和所述皮肤文件的版本信息；

相应地，所述判断所述解析结果能否应用于所述浏览器，具体包括：

判断所述皮肤文件的平台信息中是否包括所述浏览器的平台信息；

当所述皮肤文件的平台信息中包括所述浏览器的平台信息时，判断所述皮肤文件的版本信息是否包括所述浏览器的版本信息；

当所述皮肤文件的版本信息包括所述浏览器的版本信息时，判断出所述解析结果能应用于所述浏览器。

本发明实施例还提供了一种浏览器，所述浏览器包括：

获取模块，用于获取预设的皮肤文件，所述皮肤文件包括浏览器的N个元素与所述N个元素对应的皮肤信息，所述N为大于1的整数；

解析模块，用于解析所述获取模块获取的所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息；

更新模块，用于根据所述解析模块得到的浏览器的各元素与所述各元素对应的皮肤信息，更新所述浏览器的各元素对应的皮肤。

其中，所述N个元素对应的皮肤信息，具体包括：

元素与皮肤信息一一对应；或者，一个皮肤信息对应M个元素，所述M为大于1小于N的整数。

进一步地，所述浏览器还包括生成模块，用于根据浏览器的元素、颜色数据和图片数据生成皮肤文件。

其中，所述皮肤文件还包括皮肤文件头，所述浏览器还包括第一解析模块，所述第一解析模块包括解析单元、判断单元和执行单元；

所述解析单元，用于解析所述皮肤文件头得到解析结果；

所述判断单元，用于判断所述解析结果能否应用于所述浏览器；

所述执行单元，用于当所述解析单元的解析结果能应用于所述浏览器时，执行所述解析模块。

其中，所述解析结果具体包括：所述皮肤文件的平台信息和所述皮肤文件的版本信息；相应地，所述判断单元，具体包括：

判断所述皮肤文件的平台信息中是否包括所述浏览器的平台信息；

当所述皮肤文件的平台信息中包括所述浏览器的平台信息时，判断所述皮肤文件的版本信息是否包括所述浏览器的版本信息；

当所述皮肤文件的版本信息包括所述浏览器的版本信息时，判断出所述解析结果能应用于所述浏览器。

本发明实施例提供的技术方案带来的有益效果是：通过获取预存有浏览器各元素及各元素对应的皮肤信息的皮肤文件，并解析该皮肤文件得到浏览器的各元素分别对应的皮肤信息，从而浏览器的各元素可以显示出不同的皮肤信息，丰富了浏览器的各元素的皮肤信息。浏览器通过获取不同的皮肤文件，可以更换为不同的皮肤信息。

附图说明

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

图1是本发明实施例1中提供的显示浏览器皮肤的方法流程图；

图2是本发明实施例2中提供的显示浏览器皮肤的方法流程图；

图3是本发明实施例2中提供的图片引用的示意图；

图4是本发明实施例3中提供的浏览器的结构示意图；

图5是本发明实施例3中提供的浏览器的另一结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

实施例1

参见图1，本发明实施例提供了一种显示浏览器皮肤的方法，所述方法包括：

步骤101：获取预设的皮肤文件，该皮肤文件包括浏览器的N个元素与N个元素对应的皮肤信息，N为大于1的整数；

步骤102：解析皮肤文件得到浏览器的各元素与各元素对应的皮肤信息；

步骤103：根据浏览器的各元素与各元素对应的皮肤信息，将浏览器的各元素显示出对应的皮肤。

本发明实施例提供的方法，通过获取预存有浏览器各元素及各元素对应的皮肤信息的皮肤文件，并解析该皮肤文件得到浏览器的各元素分别对应的皮肤信息，从而浏览器的各元素可以显示出不同的皮肤信息，丰富了浏览器的各元素的皮肤信息。浏览器通过获取不同的皮肤文件，可以更换为不同的皮肤信息。

实施例2

参见图2，本发明实施例提供了一种显示浏览器皮肤的方法，所述方法包括：

步骤201：生成皮肤文件；

本发明实施例中，预设了一种可变格式的编码格式TLV，将根据浏览器的元素、颜色数据和图片数据通过该编码格式生成皮肤文件。

该编码格式由数据类型、数据长度和数据内容组成，其中T代表Tag(标签位)表示浏览器的各元素，L代表Length(长度位)表示皮肤信息的长度，V代表Value(值位)表示皮肤信息的内容，该皮肤信息的内容包括颜色数据和图片数据。

本发明实施例中用到的TLV各部分具体如下：

Tag：2个字节16位，Tag由LType和TagValue组成，Tag高位的前两位为LType，其他位为TagValue，对Tag的每一位的具体定义如表1所示；

表1Tag的具体定义表

Length：无符号4个字节int型数据，可表示范围0-4294967295；

Value：字节数据，数据内容所表示的含义由TagValue来确定，长度由Length来确定。

其中，对Tag中包括的LType和TagValue具体进行如下定义：

LType的值与对应的含义如表2所示：

表2LType的具体定义表

根据上述表2可知，当LType为00值时，对LType数据类型有限定，而当LType为01值、10值时，对LType的数据类型没有限定，数据可以为任意类型。

TagValue共有14位，一共可表示16384种标签，因此，一个皮肤文件里完全能够存储上百种颜色和数十张图片。

综上，根据表2，LType与Length、Value对应的关系如表3所示：

表3LType与Length、Value对应的关系表

步骤202：获取预设的皮肤文件，该皮肤文件包括浏览器的各元素与各元素对应的皮肤信息；

其中，本发明实施例中的浏览器的各元素是指浏览器的各个组成元素，如浏览器的工具栏及工具栏上的各个按钮等。

本发明实施例中浏览器的各元素对应的皮肤信息各不相同，浏览器的每个元素可以对应完全不同的皮肤信息，也可以有一部分元素对应相同的皮肤信息，其他元素对应不同的皮肤信息，从而在浏览器中展现出形形色色的皮肤信息，浏览器显示的皮肤信息不再单一，丰富了浏览器显示皮肤模式。

步骤203：解析皮肤文件头得到解析结果；

具体地，本发明实施例提出的皮肤文件可以称为Qbs文件，该Qbs文件可以由一个皮肤文件头和数个皮肤数据组成，其中，皮肤文件头定义了皮肤的最基本信息以及文件标志，具体包括皮肤文件的平台信息和皮肤文件的版本信息等，优选地，还可以包括文件标志；皮肤数据包括了浏览器的各元素及各元素对应的皮肤信息，该皮肤数据是存储颜色、图片、名称等数据的结构体。实际应用中，皮肤文件也可以不包括皮肤文件头，仅包括皮肤数据；若皮肤文件不包括皮肤文件头，则跳过该步骤，直接执行步骤204。

本发明实施例以皮肤文件头包括文件标志、平台信息和版本信息为例进行说明，该Qbs文件的皮肤文件头由2个字节8位组成，将文件标志设置为皮肤文件头的前四位，第五位和第六位为平台信息，第七位为版本信息，第八位暂不定义。

文件标志byte[0-3]，用于表明该文件是否为Qbs文件，浏览器在获取皮肤文件时，首先检验文件标志是否正确，如果不正确，则不解析该皮肤文件，若检验该文件标志正确，则进一步解析该皮肤文件，其中，文件标志的四个字节为qbsf的ascii码。例如十进制数下的文件标志可以表示为：81 66 83 70；十六进制数下的文件标志位可以表示为：51 42 53 46；

平台信息byte[4-5]，用于表明该皮肤适用于哪个平台，具体的平台可以为java、symbianV3，MTK等，本发明在此不做限定。例如0x0100代表java平台，平台信息可以进行扩展，例如0x01 01代表java平台下的black berry(蓝莓)子平台。

版本信息byte[6]，用于表明该Qbs文件所用的皮肤版本，可以预设版本信息与对应的皮肤版本的对应关系，例如该版本信息可以表示为从1开始的数值。

预留byte[7]，可以用于保留扩展。

具体地，获取到皮肤文件时，首先对皮肤文件的皮肤文件头进行解析，判断该皮肤文件能否应用于该浏览器，当能应用于时才对皮肤文件中的其他信息进行解析，获取各元素及各元素对应的皮肤信息。

其中，解析该皮肤文件头得到解析结果，具体包括：根据预设的解析顺序对皮肤文件头进行逐段解析，得到皮肤文件头的文件标志、平台信息和版本信息等解析结果。如可以预设解析顺序为依序解析皮肤文件头的前四个字节，第5-6个字节、第7个字节等。

步骤204：判断解析结果能否应用于浏览器，若解析结果能应用于该浏览器，执行步骤205，若解析结果不能应用于该浏览器，则执行步骤207；

其中，判断解析结果能否应用于该浏览器，具体包括：首先判断皮肤文件头的文件标志是否为qbsf，若是，则判断皮肤文件的平台信息中是否包括浏览器的平台信息；当皮肤文件的平台信息中包括浏览器的平台信息时，再判断皮肤文件的版本信息中是否包括浏览器的版本信息；当皮肤文件的版本信息包括浏览器的版本信息时，判断出解析结果能应用于浏览器。

步骤205：解析该皮肤文件得到浏览器的各元素与各元素对应的皮肤信息；

该步骤中，解析该皮肤文件具体为对皮肤数据进行解析，解析得到浏览器的各元素，及各元素对应的皮肤信息，各元素对应的皮肤信息具体包括颜色数据和图片数据。此时，得到各元素和对应的皮肤信息之间的对应关系，将该对应关系保存到数据表中，或将该对应关系存入数据库。

本发明实施例中应用在Qbs文件中的皮肤数据，即TLV数据，如表4所示，表示在Qbs文件中用到的tag值，每个tag值对应一个元素，其中，LType具体为00b、01b、10b和11b；TagValue包括皮肤通用属性，颜色属性信息和图片属性信息，下面给出一个具体的tag中LType和TagValue的关系表：

表4Qbs文件中用到的tag值列表

根据本发明实施例提供的上述列表，当LType为00b，TagValue的值为0x0004时，TagValue的含义为颜色数据块，该颜色数据块为结构型TLV，结构型TLV的数据内容不能直接使用，需要进一步解析为基本型TLV才能使用，具体地，根据解析Tag的方法解析该结构型TLV，本发明实施例给出一种结构型TLV颜色数据块的含义，如下表5所示：

表5颜色数据的基本含义表

该表5只定义了颜色标签的范围，每一个标签的具体含义，由相对应平台来确定，例如在java平台上，0x01f5表示的是页面链接字体颜色。

根据本发明实施例提供的上述列表，当LType为00b，TagValue的值为0x0006时，TagValue的含义为图片数据块，该图片数据块为基本型TLV，图片数据块的含义如下表6所示：

表6图片数据的基本含义表

本发明实施例中的图片标签只定义了区间范围，每一个标签的具体含义，可以由相应平台来预设。例如，在java平台下，预设0x09c5表示菜单页面的背景图片。

利用上述图片标签，当Length为4个字节，值为2，且Value长度为4个字节，内容为图片索引时，若几个地方使用相同的图片，这时value表示并非图片原始数据，而是其他图片TLV的索引。因此，本发明实施例不必重复保存大量数据。

例如，参见图3所示的图片引用的示意图，value1用来1024个字节来保存第一个TLV的图片数据，第二个TLV的图片跟第一个TLV的图片一模一样，但是它不必再保存1024个字节的图片数据，而只用保存2个字节就够了，这就减少了1024-2＝1022字节的数据。

步骤206：根据浏览器的各元素和对应的皮肤信息之间的对应关系更新浏览器的皮肤。

具体地，根据步骤204中的对应关系可以更新浏览器的皮肤颜色和图片信息，例如：解析出某元素0x01F5，对应的颜色数据为0x00FF0000，为红色；而未更新前的浏览器的该元素0x01F5显示的皮肤信息是“标准文字色”，那么，此时就可以把标准文字的颜色修改为红色，使的该元素0x01F5显示的皮肤信息变为红色，完成了对该元素的换肤，当然，对于浏览器来说，浏览器的显示的皮肤也发生了更新。

步骤207：步骤结束。

通过预设上述皮肤文件，浏览器显示出皮肤时，只需要根据皮肤文件中预设的颜色数据以及图片数据，获取其对应的TagValue，即可实现皮肤的显示。由于对于皮肤文件的通用属性中设置了皮肤文件的ID，因此皮肤文件之间具有独立性，在实现过程中，该皮肤文件中并不需要保存浏览器用到的每一个色值每一张图片，而只需将与默认色值不同的TagValue写入。

本发明实施例提供的方法，通过获取预存有浏览器各元素及各元素对应的皮肤信息的皮肤文件，并解析该皮肤文件得到浏览器的各元素分别对应的皮肤信息，从而浏览器的各元素可以显示出不同的皮肤信息，丰富了浏览器的各元素的皮肤信息。浏览器通过获取不同的皮肤文件，可以更换为不同的皮肤信息，丰富了浏览器的皮肤信息。另外，根据文件设置的属性信息，存在图片共用和默认颜色数据时，大大减少了存储皮肤文件的空间，图片经过共用，一般存储的源文件才4-5k，无论是下载耗费的流量还是保存该皮肤文件所耗费的空间都比较小，不仅适用于高端用户终端的皮肤文件，而且满足了低端用户对皮肤的需求，增强了产品的竞争力。

实施例3

参见图4，本发明实施例提供了一种浏览器，所述浏览器包括：

获取模块301，用于获取预设的皮肤文件，皮肤文件包括浏览器的N个元素与N个元素对应的皮肤信息，N为大于1的整数；

解析模块302，用于解析获取模块301获取的皮肤文件得到浏览器的各元素与各元素对应的皮肤信息；

更新模块303，用于根据解析模块302得到的浏览器的各元素与各元素对应的皮肤信息，更新浏览器的各元素对应的皮肤。

其中，N个元素对应的皮肤信息，具体包括：

元素与皮肤信息一一对应；或者，一个皮肤信息对应M个元素，所述M为大于1小于N的整数。

进一步地，参见图5，浏览器还包括生成模块304，连接获取模块，用于根据浏览器的元素、颜色数据和图片数据生成皮肤文件。

其中，皮肤文件还包括皮肤文件头，浏览器还包括第一解析模块，第一解析模块包括解析单元、判断单元和执行单元；

解析单元，用于解析皮肤文件头得到解析结果；

判断单元，用于判断解析结果能否应用于浏览器；

执行单元，用于当解析单元的解析结果能应用于浏览器时，执行解析模块。

其中，解析结果具体包括：皮肤文件的平台信息和皮肤文件的版本信息；相应地，判断单元，具体包括：

判断皮肤文件的平台信息中是否包括浏览器的平台信息；

当皮肤文件的平台信息中包括浏览器的平台信息时，判断皮肤文件的版本信息是否包括浏览器的版本信息；

当皮肤文件的版本信息包括浏览器的版本信息时，判断出解析结果能应用于浏览器。

本发明实施例提供的浏览器，通过根据预设的皮肤文件，解析出该皮肤文件中的浏览器的各元素分别对应的皮肤信息，从而根据浏览器的各元素及对应的皮肤信息之间的对应关系，更新浏览器的皮肤，丰富了浏览器的各元素的皮肤信息。浏览器通过获取不同的皮肤文件，可以更换为不同的皮肤信息。

本实施例提供的浏览器，具体可以与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (8)

1.一种显示浏览器皮肤的方法，其特征在于，所述方法包括：

获取预设的皮肤文件，所述皮肤文件包括浏览器的N个元素与所述N个元素对应的皮肤信息，所述N为大于1的整数；

解析所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息；

根据所述浏览器的各元素与所述各元素对应的皮肤信息，将所述浏览器的各元素显示出对应的皮肤；

其中，所述皮肤文件根据浏览器的元素、颜色数据和图片数据通过可变格式的编码格式TLV生成，若几个元素使用相同的图片，这时皮肤信息的内容为图片TLV的索引。

2.如权利要求1所述的方法，其特征在于，所述N个元素对应的皮肤信息，具体包括：

元素与皮肤信息一一对应；或者，一个皮肤信息对应M个元素，所述M为大于1小于N的整数。

3.如权利要求1所述的方法，其特征在于，所述皮肤文件还包括皮肤文件头，相应地，所述获取预设的皮肤文件之后，所述方法还包括：

解析所述皮肤文件头得到解析结果，并判断所述解析结果能否应用于所述浏览器；

当所述解析结果能应用于所述浏览器时，执行解析所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息的步骤。

4.如权利要求3所述的方法，其特征在于，所述解析结果具体包括：所述皮肤文件的平台信息和所述皮肤文件的版本信息；

相应地，所述判断所述解析结果能否应用于所述浏览器，具体包括：

判断所述皮肤文件的平台信息中是否包括所述浏览器的平台信息；

当所述皮肤文件的平台信息中包括所述浏览器的平台信息时，判断所述皮肤文件的版本信息是否包括所述浏览器的版本信息；

当所述皮肤文件的版本信息包括所述浏览器的版本信息时，判断出所述解析结果能应用于所述浏览器。

5.一种浏览器，其特征在于，所述浏览器包括：

获取模块，用于获取预设的皮肤文件，所述皮肤文件包括浏览器的N个元素与所述N个元素对应的皮肤信息，所述N为大于1的整数；

解析模块，用于解析所述获取模块获取的所述皮肤文件得到所述浏览器的各元素与所述各元素对应的皮肤信息；

更新模块，用于根据所述解析模块得到的浏览器的各元素与所述各元素对应的皮肤信息，更新所述浏览器的各元素对应的皮肤；

其中，所述皮肤文件根据浏览器的元素、颜色数据和图片数据通过可变格式的编码格式TLV生成，若几个元素使用相同的图片，这时皮肤信息的内容为图片TLV的索引。

6.如权利要求5所述的浏览器，其特征在于，所述N个元素对应的皮肤信息，具体包括：

元素与皮肤信息一一对应；或者，一个皮肤信息对应M个元素，所述M为大于1小于N的整数。

7.如权利要求5所述的浏览器，其特征在于，所述皮肤文件还包括皮肤文件头，所述浏览器还包括第一解析模块，所述第一解析模块包括解析单元、判断单元和执行单元；

所述解析单元，用于解析所述皮肤文件头得到解析结果；

所述判断单元，用于判断所述解析结果能否应用于所述浏览器；

所述执行单元，用于当所述解析单元的解析结果能应用于所述浏览器时，执行所述解析模块。

8.如权利要求7所述的浏览器，其特征在于，所述解析结果具体包括：所述皮肤文件的平台信息和所述皮肤文件的版本信息；相应地，所述判断单元，具体包括：

判断所述皮肤文件的平台信息中是否包括所述浏览器的平台信息；

当所述皮肤文件的平台信息中包括所述浏览器的平台信息时，判断所述皮肤文件的版本信息是否包括所述浏览器的版本信息；

当所述皮肤文件的版本信息包括所述浏览器的版本信息时，判断出所述解析结果能应用于所述浏览器。