CN103927363A - 浏览器中宫格显示方法、系统及浏览器客户端 - Google Patents

Abstract

本发明实施例提供的一种浏览器中宫格显示方法、系统及浏览器客户端，可以获得浏览器中宫格所对应的网页链接，根据网页链接获得网页的源代码并从源代码中提取网页的主题，将网页的主题的全部或部分内容显示在宫格中。因此，本发明不需要浏览器的服务器提供各网页的徽标，减轻了服务器的负担。同时，由于网页的主题普遍存在，因此本发明可以有效提高宫格中辨识信息的覆盖率，提高了宫格的辨识度，可以有效帮助用户快速获悉宫格所对应的网页。

Description

浏览器中宫格显示方法、系统及浏览器客户端

技术领域

本发明涉及浏览器技术领域，特别是涉及浏览器中宫格显示方法、系统及浏览器客户端。

背景技术

为了方便用户使用浏览器快速访问网页，技术人员在浏览器中设置了用于快速访问网页的宫格，每个宫格都对应有一个网页链接，用户点击某个宫格后，浏览器便会访问相对应的网页。

为了方便用户识别各宫格所对应的网页，现有的浏览器服务器会为宫格设置相应的网站徽标，在用户要添加该网站的网页时，浏览器服务器便将该网站的徽标发送到浏览器的宫格中进行显示。

可见，现有技术需要浏览器的服务器存储大量的网站徽标并及时更新，这无疑增加了浏览器的服务器的负担。同时，由于新建网站的大量增加，浏览器的服务器中无法及时更新到所有新建网站的徽标。当某网页所在的网站的徽标在浏览器的服务器中不存在时，浏览器的相应宫格中则只能显示默认的图标（例如，浏览器的logo）、网页截屏或者不显示内容。

因此，现有技术无法对所有的网址提供网站徽标，这也就导致了许多网址对应的宫格不具有辨识度或辨识度太低，无法帮助用户快速获悉宫格所对应的网页。

发明内容

本发明实施例的目的在于提供一种浏览器中宫格显示方法、系统及浏览器客户端，以实现提高宫格辨识度的目的。

为达到上述目的，本发明实施例公开了一种浏览器中宫格显示方法，包括：

获得浏览器中宫格所对应的网页链接；

根据所述网页链接获得所述网页的源代码；

从所述网页的源代码中提取所述网页的主题；

将所述网页的主题的全部或部分内容显示在所述宫格中。

可选的，所述将所述网页的主题的全部或部分内容显示在所述宫格中，包括：

判断所述网页的主题的字符数是否大于阈值，如果是，则将所述网页的主题的部分内容显示在所述宫格中，否则，将所述网页的主题的全部内容显示在所述宫格中。

可选的，在获得浏览器中宫格所对应的网页链接后，所述方法还包括：

根据所述网页链接确定所述网页的代表颜色。

可选的，所述将所述网页的主题的全部或部分内容显示在所述宫格中，包括：

将所述代表颜色作为所述宫格的背景色，将所述网页的主题的全部或部分内容叠加在所述背景色之上，显示在所述宫格中。

可选的，将所述网页的主题的部分内容显示在所述宫格中，包括：

将所述网页的主题中最左侧的文本间隔标识之前的内容显示在所述宫格中；或者

如果所述网页的主题为英文，提取所述网页的主题中各英文单词的首字母，将所获得的首字母显示在所述宫格中。

可选的，所述获得浏览器中宫格所对应的网页链接，包括：

根据用户指令建立所述宫格；

确定所述用户针对所述宫格输入的网页链接。

一种浏览器中宫格显示系统，包括：网页链接获得模块、源代码获得模块、网页主题提取模块和网页主题显示模块，

所述网页链接获得模块，用于获得浏览器中宫格所对应的网页链接；

所述源代码获得模块，用于根据所述网页链接获得所述网页的源代码；

所述网页主题提取模块，用于从所述网页的源代码中提取所述网页的主题；

所述网页主题显示模块，用于将所述网页的主题的全部或部分内容显示在所述宫格中。

可选的，所述网页主题显示模块，包括：字符数判断子模块、部分主题显示子模块和全部主题显示子模块，

所述字符数判断子模块，用于判断所述网页的主题的字符数是否大于阈值，如果是，则触发所述部分主题显示子模块，否则触发所述全部主题显示子模块；

所述部分主题显示子模块，用于将所述网页的主题的部分内容显示在所述宫格中；

所述全部主题显示子模块，用于将所述网页的主题的全部内容显示在所述宫格中。

可选的，还包括：

网页颜色获得模块，用于在所述网页链接获得模块获得浏览器中宫格所对应的网页链接后，根据所述网页链接确定所述网页的代表颜色。

可选的，所述网页主题显示模块，具体用于将所述代表颜色作为所述宫格的背景色，将所述网页的主题的全部或部分内容叠加在所述背景色之上，显示在所述宫格中。

可选的，所述网页主题显示模块，包括：第一显示子模块或第二显示子模块，

所述第一显示子模块，用于将所述网页的主题中最左侧的文本间隔标识之前的内容显示在所述宫格中；

所述第二显示子模块，用于在所述网页的主题为英文时，提取所述网页的主题中各英文单词的首字母，将所获得的首字母显示在所述宫格中。

可选的，所述网络链接获得模块，包括：宫格建立子模块和链接确定子模块，

所述宫格建立子模块，用于根据用户指令建立所述宫格；

所述链接确定子模块，用于确定所述用户针对所述宫格输入的网页链接。

一种浏览器客户端，包括上述任一种浏览器中宫格显示系统。

本发明实施例提供的一种浏览器中宫格显示方法、系统及浏览器客户端，可以获得浏览器中宫格所对应的网页链接，根据网页链接获得网页的源代码并从源代码中提取网页的主题，将网页的主题的全部或部分内容显示在宫格中。因此，本发明不需要浏览器的服务器提供各网页的徽标，减轻了服务器的负担。同时，由于网页的主题普遍存在，因此本发明可以有效提高宫格中辨识信息的覆盖率，提高了宫格的辨识度，可以有效帮助用户快速获悉宫格所对应的网页。

附图说明

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

图1为本发明实施例提供的一种浏览器中宫格显示方法的流程图；

图2为本发明实施例提供的另一种浏览器中宫格显示方法的流程图；

图3为本发明实施例提供的另一种浏览器中宫格显示方法的流程图；

图4为本发明实施例提供的另一种浏览器中宫格显示方法的流程图；

图5为使用现有技术的浏览器中宫格的示意图；

图6为本发明实施例提供的一种应用本发明后的浏览器中宫格的示意图；

图7为本发明实施例提供的一种浏览器中宫格显示系统的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

如图1所示，本发明实施例提供的一种浏览器中宫格显示方法，可以包括：

S100、获得浏览器中宫格所对应的网页链接；

其中，浏览器中的宫格是一种可以用于快速访问网页的控件，可以显示在空白标签页中，也可以显示在某网页中。宫格的个数可以为一个或多个，用户可以添加宫格或删除宫格。

在本发明的一种具体实现中，上述S100可以包括：

根据用户指令建立宫格；

确定所述用户针对所述宫格输入的网页链接。

这样，用户可以为感兴趣的网页在浏览器中建立宫格以实现快速访问。

S200、根据所述网页链接获得所述网页的源代码；

网页的源代码是在网页制作过程中使用一些特殊的“语言”编写而成，然后由浏览器对源代码进行“翻译”后才是我们最终看到的效果。网页的源代码中可以包含有网页中各种元素的显示信息，例如文字的大小、颜色以及文字内容本身、网页上所显示的图片的链接、网页的主题等。

制作网页时可以采用不同的编程语言来编写源代码，如超文本标记语言HTML、JavaScript等。

S300、从所述网页的源代码中提取所述网页的主题；

例如：网页链接“www.ijinshan.com”对应的网页的源代码中存在如下一段表示主题的代码：

<title>金山网络-永久免费的杀毒软件下载,金山毒霸,金山卫士,手机助手,官方网站</title>

识别出网页的源代码中的title标签，就可以从title标签中提取网页的主题。上述举例中title标签的主题为：“金山网络-永久免费的杀毒软件下载,金山毒霸,金山卫士,手机助手,官方网站”。

S400、将所述网页的主题的全部或部分内容显示在所述宫格中。

考虑到宫格的尺寸有限，如果网页的主题较长，全部显示在宫格中，将会使得宫格中的文字变小，用户难以辨识。一种可选的情况下，用户可以根据网页的主题中的部分内容识别该宫格所对应的网页。例如：对于上述“金山网络”的网页的主题“金山网络-永久免费的杀毒软件下载,金山毒霸,金山卫士,手机助手,官方网站”，可以仅使用其中的“金山网络”即可帮助用户识别宫格。

可选的，在本发明一个具体实现中，如图2所示，S400可以包括：

S401、判断所述网页的主题的字符数是否大于阈值，如果是，则将所述网页的主题的部分内容显示在所述宫格中，否则，将将所述网页的主题的全部内容显示在所述宫格中。

可选的，如图3所示，在本发明实施例提供的另一种浏览器中宫格显示方法中，在上述S100后，还可以包括：

S300’、根据所述网页链接确定所述网页的代表颜色。

具体的，可以通过网页的级联样式表CSS获得网页所使用的颜色。CSS是能够实现网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

其中，上述代表颜色，可以是所述网页使用的最多的一种颜色；或，是所述网页的徽标使用的最多的一种颜色。

可以理解的是，无论是网页使用最多的颜色还是网页徽标使用的最多的颜色，对用户来说都具有一定的辨识性，例如淘宝网徽标使用最多的颜色是橙色，则橙色对用户而言就与淘宝网有一定的对应性。

进一步可选的，如图4所示，在本发明的又一个具体实现中，上述S400可以包括：

S402、将S300’确定的代表颜色作为所述宫格的背景色，将所述网页的主题的全部或部分内容叠加在所述背景色之上，显示在所述宫格中。

其中，S300’与S200、S300的执行先后顺序本发明不做限定。

通过将所获得的颜色作为宫格的背景色，可以进一步提高宫格显示内容的辨识度，帮助用户获悉宫格对应的网页。

可选的，在本发明的另一个具体实现中，上述S400或S401或S402中，将所述网页的主题的部分内容显示在所述宫格中，可以包括如下两种方案中的任一个：

方案一、将网页的主题中最左侧的文本间隔标识之前的内容显示在所述宫格中。

其中，文本间隔标识可以为标点符号、分隔符、或者空格，具体的，分隔符可以为以下符号中的任意一种：/、|、\、-、——、+、*、～、&、%、#等。

仍以上述“金山网络”的网页的主题“金山网络-永久免费的杀毒软件下载,金山毒霸,金山卫士,手机助手,官方网站”为例进行说明，该主题中存在多个文本间隔标识，最左侧的文本间隔标识为“-”左边的空格，该空格之前内容为“金山网络”，因此可以将“金山网络”显示在宫格中。

下面通过实际举例对本发明实现的效果进行说明：

如图5所示，现有技术下，手机中的浏览器中存在001至006六个宫格，其中，宫格001对应的网页为百度首页，宫格002对应的网页为谷歌首页，宫格003对应的网页为淘宝首页，宫格004对应的网页为凤凰网的一篇台湾新闻网页，宫格005对应的是美国NBA首页，宫格006未对应网页。浏览器的服务器可以提供百度、谷歌和淘宝的徽标，但是无法提供宫格004和宫格005对应的网页的徽标，在这种情况下，宫格004显示该相应网页的截图，宫格005显示默认的浏览器logo。由于网页的截图的尺寸被压缩到宫格中，因此用户无法看清截图中的内容，用户无法根据宫格004显示的截图获悉其对应的网页。同样，用户也无法根据宫格005显示的浏览器图标获悉其所对应的网页。

对于图5所示的六个宫格所对应的网页，通过本发明的方案进行处理后，可以得到如图6所示的宫格。由于宫格004对应的网页具有主题“王金平”，宫格005对应的美国NBA首页具有网页的主题“NBA”，因此实施例本发明方案的图6中宫格004不需要显示截图，宫格005中不需要显示默认的浏览器图标，而变为显示更具有辨识度的主题。

可以看出，本发明可以有效提高宫格的辨识度。

方案二、如果所述网页的主题为英文，提取所述网页的主题中各英文单词的首字母，将所获得的首字母显示在所述宫格中。

例如：在将网页的主题显示在宫格之前，可以首先判断主题的字符数，如果字符数不大于阈值，将所述网页的主题的全部内容显示在所述宫格中；如果字符数大于阈值，将网页的主题最左侧的文本间隔标识之前的内容显示在所述宫格中，或者将英文的主题中各英文单词的首字母提取出来，显示在所述宫格中。

本发明实施例提供的一种浏览器中宫格显示方法，可根据网页链接获得网页的源代码并从源代码中提取网页的主题，将网页的主题的全部或部分内容显示在宫格中。因此，本发明不需要浏览器的服务器提供各网页的徽标，减轻了服务器的负担。同时，由于网页的主题普遍存在，因此本发明可以有效提高宫格中辨识信息的覆盖率，提高了宫格的辨识度，可以有效帮助用户快速获悉宫格所对应的网页。

与上面的方法实施例相对应，本发明还提供了一种浏览器中宫格显示系统。

如图7所示，本发明实施例提供的一种浏览器中宫格显示系统，可以包括：网页链接获得模块100、源代码获得模块200、网页主题提取模块300和网页主题显示模块400，

网页链接获得模块100，用于获得浏览器中宫格所对应的网页链接；

可选的，上述网络链接获得模块100可以包括：宫格建立子模块和链接确定子模块，

上述宫格建立子模块，用于根据用户指令建立所述宫格；

上述链接确定子模块，用于确定所述用户针对所述宫格输入的网页链接。

源代码获得模块200，用于根据所述网页链接获得所述网页的源代码；

网页主题提取模块300，用于从所述网页的源代码中提取所述网页的主题；

网页主题显示模块400，用于将所述网页的主题的全部或部分内容显示在所述宫格中。

可选的，在本发明一个具体实现中，上述网页主题显示模块400，可以包括：字符数判断子模块、部分主题显示子模块和全部主题显示子模块，

所述字符数判断子模块，用于判断所述网页的主题的字符数是否大于阈值，如果是，则触发所述部分主题显示子模块，否则触发所述全部主题显示子模块；

所述部分主题显示子模块，用于将所述网页的主题的部分内容显示在所述宫格中；

所述全部主题显示子模块，用于将所述网页的主题的全部内容显示在所述宫格中。

可选的，在本发明实施例提供的另一种浏览器中宫格显示系统中，还可以包括：

网页颜色获得模块，用于在所述网页链接获得模块100获得浏览器中宫格所对应的网页链接后，根据所述网页链接确定所述网页的代表颜色。

进一步可选的，在本发明的又一个具体实现中，所述网页主题显示模块400，具体用于将所述代表颜色作为所述宫格的背景色，将所述网页的主题的全部或部分内容叠加在所述背景色之上，显示在所述宫格中。

可选的，在本发明的另一个具体实现中，上述网页主题显示模块400，可以包括：第一显示子模块或第二显示子模块，

所述第一显示子模块，用于将所述网页的主题中最左侧的文本间隔标识之前的内容显示在所述宫格中；

所述第二显示子模块，用于在所述网页的主题为英文时，提取所述网页的主题中各英文单词的首字母，将所获得的首字母显示在所述宫格中。

本发明实施例提供的一种浏览器中宫格显示系统，可根据网页链接获得网页的源代码并从源代码中提取网页的主题，将网页的主题的全部或部分内容显示在宫格中。因此，本发明不需要浏览器的服务器提供各网页的徽标，减轻了服务器的负担。同时，由于网页的主题普遍存在，因此本发明可以有效提高宫格中辨识信息的覆盖率，提高了宫格的辨识度，可以有效帮助用户快速获悉宫格所对应的网页。

本发明还提供了一种浏览器客户端，可以包括上述的任一种浏览器中宫格显示系统。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

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

Claims (13)

1.一种浏览器中宫格显示方法，其特征在于，包括：

获得浏览器中宫格所对应的网页链接；

根据所述网页链接获得所述网页的源代码；

从所述网页的源代码中提取所述网页的主题；

将所述网页的主题的全部或部分内容显示在所述宫格中。

2.根据权利要求1所述的方法，其特征在于，所述将所述网页的主题的全部或部分内容显示在所述宫格中，包括：

判断所述网页的主题的字符数是否大于阈值，如果是，则将所述网页的主题的部分内容显示在所述宫格中，否则，将所述网页的主题的全部内容显示在所述宫格中。

3.根据权利要求1所述的方法，其特征在于，在获得浏览器中宫格所对应的网页链接后，所述方法还包括：

根据所述网页链接确定所述网页的代表颜色。

4.根据权利要求3所述的方法，其特征在于，所述将所述网页的主题的全部或部分内容显示在所述宫格中，包括：

将所述代表颜色作为所述宫格的背景色，将所述网页的主题的全部或部分内容叠加在所述背景色之上，显示在所述宫格中。

5.根据权利要求1至4中任一项所述的方法，其特征在于，将所述网页的主题的部分内容显示在所述宫格中，包括：

将所述网页的主题中最左侧的文本间隔标识之前的内容显示在所述宫格中；或者

如果所述网页的主题为英文，提取所述网页的主题中各英文单词的首字母，将所获得的首字母显示在所述宫格中。

6.根据权利要求1至5中任一项所述的方法，其特征在于，所述获得浏览器中宫格所对应的网页链接，包括：

根据用户指令建立所述宫格；

确定所述用户针对所述宫格输入的网页链接。

7.一种浏览器中宫格显示系统，其特征在于，包括：网页链接获得模块、源代码获得模块、网页主题提取模块和网页主题显示模块，

所述网页链接获得模块，用于获得浏览器中宫格所对应的网页链接；

所述源代码获得模块，用于根据所述网页链接获得所述网页的源代码；

所述网页主题提取模块，用于从所述网页的源代码中提取所述网页的主题；

所述网页主题显示模块，用于将所述网页的主题的全部或部分内容显示在所述宫格中。

8.根据权利要求7所述的系统，其特征在于，所述网页主题显示模块，包括：字符数判断子模块、部分主题显示子模块和全部主题显示子模块，其中

所述字符数判断子模块，用于判断所述网页的主题的字符数是否大于阈值，如果是，则触发所述部分主题显示子模块，否则触发所述全部主题显示子模块；

所述部分主题显示子模块，用于将所述网页的主题的部分内容显示在所述宫格中；

所述全部主题显示子模块，用于将所述网页的主题的全部内容显示在所述宫格中。

9.根据权利要求7所述的系统，其特征在于，还包括：

网页颜色获得模块，用于在所述网页链接获得模块获得浏览器中宫格所对应的网页链接后，根据所述网页链接确定所述网页的代表颜色。

10.根据权利要求9所述的系统，其特征在于，所述网页主题显示模块，具体用于将所述代表颜色作为所述宫格的背景色，将所述网页的主题的全部或部分内容叠加在所述背景色之上，显示在所述宫格中。

11.根据权利要求7至10中任一项所述的系统，其特征在于，所述网页主题显示模块，包括：第一显示子模块或第二显示子模块，

所述第一显示子模块，用于将所述网页的主题中最左侧的文本间隔标识之前的内容显示在所述宫格中；

所述第二显示子模块，用于在所述网页的主题为英文时，提取所述网页的主题中各英文单词的首字母，将所获得的首字母显示在所述宫格中。

12.根据权利要求7至11中任一项所述的系统，其特征在于，所述网络链接获得模块，包括：宫格建立子模块和链接确定子模块，

所述宫格建立子模块，用于根据用户指令建立所述宫格；

所述链接确定子模块，用于确定所述用户针对所述宫格输入的网页链接。

13.一种浏览器客户端，其特征在于，包括权利要求7至12中任一项所述的浏览器中宫格显示系统。