CN105653555A - 基于浏览器的书签显示方法及相关装置、系统 - Google Patents

Abstract

本申请公开了一种基于浏览器的书签显示方法及相关装置、系统，其在显示目标书签时，首先从各个目标书签对应的网页中获取与网页标题相关的预览图片，再将获取到的预览图片与对应的网页标题同时显示于书签展示界面中，使得用户在不打开目标书签对应的网页的前提下就可以根据目标书签的预览图片快速区分每个目标书签对应的网页。相对于现有标题列表形式的书签显示方式，本申请实施例通过预览图片可以更直观的将目标书签对应网页的主要内容展示给用户，即使目标书签数量多、网页标题相似度高，用户也可以在书签显示界面中快速找到想要浏览的网页对应的目标书签，减少用户查找目标书签所需的时间，提高用户体验好感度。

Description

基于浏览器的书签显示方法及相关装置、系统

技术领域

本申请涉及网页处理技术领域，尤其涉及一种基于浏览器的书签显示方法及相关装置、系统。

背景技术

为便于用户重复浏览自己感兴趣的网页，浏览器通常具有网页收藏和书签显示功能。即，用户在通过浏览器浏览网页时，可以将自己感兴趣的目标网页以书签的形式添加到浏览器的收藏夹中；相应的，在接收到书签添加请求时，浏览器获取目标网页的网页标题和网址(即统一资源定位符(UniformResourceLocator，URL))，并根据获取到的网页标题和网址生成对应的书签，即实现对相应网页的收藏。当接收到书签显示指令时，浏览器可以通过如下规则显示各个书签：以书签的网页标题为前台显示信息、对应的网址为后台关联信息。基于上述网页收藏和书签显示功能，用户只需要根据欲访问的目标网页的网页标题在收藏夹中查找并点击对应的目标书签，就可以触发浏览器以该目标书签的网址为入口访问互联网，展示对应的目标网页，不需要用户手动输入该网页的URL或者利用搜索引擎执行关键词检索来定位目标网页。

如图1所示，浏览器收藏夹中的多个书签通常以标题列表的形式展示于浏览器界面中。以第三个书签为例，其用于前台显示的网页标题为“百度一下，你就知道”，后台关联的网址为“http://www.baidu.com/”。

但是，由于网页标题中包含的文字数量有限，当不同书签对应的网页标题类似时，用户只有通过点击该书签使得对应的网页展示在浏览器界面中，才可以确定该书签对应的网页是否为自己想要浏览的目标网页；如图1中标题为“周大福3D福星宝宝足金黄金吊坠”的书签，仅通过该标题，用户无法想象出该吊坠的具体样式，只有浏览器展示出该网页时，用户才可以判断该吊坠是否为自己想要查看或购买的，如果不是，还需要重新点击其他书签，耗费时间较长；且，如果书签数量过多，用户从文字密集的书签列表中查找目标书签，也需要耗费一定的时间。

发明内容

为克服相关技术中存在的问题，本申请提供一种基于浏览器的书签显示方法及相关装置、系统。

本申请第一方面提供一种基于浏览器的书签显示方法；其中，所述浏览器中收藏有目标书签；该方法包括：

获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片；

将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

结合第一方面，在第一方面第一种可行的实施方式中，所述获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片，包括：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码；

获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

结合第一方面，或者第一方面第一种可行的实施方式，在第一方面第二种可行的实施方式中，所述方法还包括：

如果无法获取所述预览图片，则根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

如果所述目标书签对应的网站是预设主流网站，则获取对应的预设展示图片；

将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

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

如果所述目标书签对应的网站不是预设主流网站，则获取所述目标书签对应的网站的收藏图标；

确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片；

将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

结合第一方面，或者第一方面第一种可行的实施方式，在第一方面第四种可行的实施方式中，所述方法还包括：

根据浏览器接收到的书签显示指令确定书签显示模式；

如果所述书签显示模式为视图模式，则执行所述获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片的步骤；

如果所述书签显示模式为列表模式，则将目标书签以列表的形式显示于浏览器的书签展示界面。

本申请第二方面提供一种基于浏览器的书签显示装置；其中，所述浏览器中收藏有目标书签；该装置包括：

预览图片获取单元,用于获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片；

第一显示控制单元,用于将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

结合第二方面，在第二方面第一种可行的实施方式中，所述预览图片获取单元包括：

商品展示判断单元，用于根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

标识码获取单元，用于在所述目标网页是商品展示网页时，根据所述URL获取对应的商品标识码；

商品图片获取单元，用于获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，并将所述商品展示图片作为所述目标书签对应的预览图片。

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

主流网站判断单元，用于在所述预览图片获取单元无法获取所述预览图片时，根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

预设图片获取单元，用于在所述目标书签对应的网站是预设主流网站时，获取对应的预设展示图片；

第二显示控制单元，用于将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

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

收藏图标获取单元，用于在所述目标书签对应的网站不是预设主流网站时，获取所述目标书签对应的网站的收藏图标；

背景图片生成单元，用于确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片；

第三显示控制单元，用于将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

结合第二方面，或者第二方面第一种可行的实施方式，在第二方面第四种可行的实施方式中，所述装置还包括：显示模式确定单元和第四显示控制单元；

所述显示模式确定单元用于，根据浏览器接收到的书签显示指令确定书签显示模式，如果所述书签显示模式为视图模式，则触发所述预览图片获取单元，如果所述书签显示模式为列表模式，则触发所述第四显示控制单元；

所述第四显示控制单元用于，将目标书签以列表的形式显示于浏览器的书签展示界面。

本申请第三方面提供一种服务器，该服务器包括：

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

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

接收终端设备发送的与目标书签对应的预览图片查询指令；

根据所述预览图片查询指令，从目标书签对应的网站服务器中获取与所述目标书签的网页标题相关的预览图片；

将所述预览图片发送至所述终端设备，以便终端设备将所述预览图片和对应的网页标题显示于浏览器的书签展示界面。

结合第三方面，在第三方面第一种可行的实施方式中，为实现从目标书签对应的网站服务器中获取与所述目标书签的网页标题相关的预览图片，所述处理器被配置为：

在所述预览图片查询指令为商品图片查询指令时，根据所述目标书签对应的统一资源定位符URL获取对应的商品标识码；

获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，并将所述商品展示图片作为所述目标书签对应的预览图片发送至终端设备。

结合第三方面，或者第三方面第一种可行的实施方式，在第三方面第二种可行的实施方式中，所述处理器还被配置为：

接收终端设备发送的与目标书签对应的预设图片查询指令；

根据所述预设图片查询指令，获取所述目标书签对应的预设主流网站的预设展示图片；

将所述预设展示图片发送至所述终端设备，以便终端设备将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

本申请第四方面提供一种数据通信系统；所述数据通信系统包括：接口服务器和安装有浏览器的终端设备；

其中，所述终端设备被配置为：

生成目标书签对应的预览图片查询指令，并将所述预览图片查询指令发送至所述接口服务器；

接收所述接口服务器反馈的与所述目标书签的网页标题相关的预览图片；

将所述预览图片和所述目标书签的网络标题显示于浏览器的书签展示界面；

所述接口服务器被配置为：

接收所述预览图片查询指令；

根据所述预览图片查询指令，从目标书签对应的网站服务器中获取所述预览图片；

将所述预览图片发送至所述终端设备。

结合第四方面，在第四方面第一种可行的实施方式中，为实现生成目标书签对应的预览图片查询指令，所述终端设备被配置为：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码，并生成携带所述所述商品标识码的商品图片查询指令；

相应的，为实现从目标书签对应的网站服务器中获取所述预览图片，所述接口服务器被配置为：

解析终端设备发送的所述商品图片查询指令，得到所述商品标识码；

在所述目标网页对应的网站服务器中查询所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

结合第四方面，或者第四方面第一种可行的实施方式，在第四方面第二种可行的实施方式中，所述数据通信系统还包括：静态图片服务器；

所述终端设备还被配置为：

在无法获取所述预览图片时，根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

在所述目标书签对应的网站是预设主流网站时，生成预设图片查询指令，并将所述预设图片查询指令发送至所述静态图片服务器；

接收所述静态图片服务器反馈的预设展示图片；

将所述预设展示图片和所述目标书签的网页标题显示于浏览器的书签展示界面；

所述静态图片服务器被配置为：

接收所述预设图片查询指令；

根据所述预设图片查询指令，获取所述目标书签对应的预设主流网站的预设展示图片；

将所述预设展示图片发送至所述终端设备。

由以上技术方案可知，本申请实施例在显示目标书签时，首先从各个目标书签对应的网页中获取与网页标题相关的预览图片，再将获取到的预览图片与对应的网页标题同时显示于书签展示界面中，使得用户在不打开目标书签对应的网页的前提下就可以根据目标书签的预览图片区分不同购物类网页所展示的商品的不同样式、不同视频类网页所展示的视频的不同风格等。因此，相对于现有标题列表形式的书签显示方式，本申请实施例通过预览图片可以更直观的将目标书签对应网页的主要内容展示给用户，即使目标书签数量多、网页标题相似度高，用户也可以在书签显示界面中快速找到想要浏览的网页对应的目标书签，减少用户查找目标书签所需的时间，提高用户体验好感度。

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

附图说明

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

图1是现有浏览器采用的列表式书签展示界面的示意图。

图2是根据一示例性实施例示出的一种基于浏览器的书签显示方法的示意图。

图3是根据一示例性实施例示出的一种书签展示界面的示意图。

图4是根据一示例性实施例示出的另一种书签显示方法的流程图。

图5是根据一示例性实施例示出的又一种书签显示方法的流程图。

图6是根据一示例性实施例示出的又一种书签显示方法的流程图。

图7是根据一示例性实施例示出的切换书签展示模式的示意图。

图8是根据一示例性实施例示出的一种基于浏览器的书签显示装置的结构框图。

图9是根据一示例性实施例示出的另一种基于浏览器的书签显示装置的结构框图。

图10是根据一示例性实施例示出的又一种基于浏览器的书签显示装置的结构框图。

图11是根据一示例性实施例示出的一种终端设备的结构框图。

图12是根据一示例性实施例示出的一种服务器的结构框图。

具体实施方式

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

图2为本申请实施例提供的一种基于浏览器的书签显示方法的流程图，其中，所述浏览器中收藏有目标书签。如图2所示，该方法包括以下步骤。

S11、获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片。

浏览器中收藏的每个目标书签至少包括对应网页的网页标题和URL两种信息。其中，上述网页标题可以为对应网页默认的标题，也可以为浏览器生成该书签时获取的用户自定义的标题。当接收到书签显示指令时，可以通过目标书签的URL定位至对应网页的服务器，从而获取与网页标题相关的预览图片。

本申请实施例所述的预览图片，为与网页标题相关的网页图片，根据不同的网页内容，预览图片的具体类型可以有多种，例如：对于网络购物类网页，对应的预览图片可以为商品展示图；对于视频类网页，对应的预览图片可以为视频海报或视频截图；对于读书类网站，对应的预览图片可以为书籍封面。

S12、将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

上述书签显示方法可以应用于安装有浏览器的终端设备，为实现获取目标书签对应的预览图片，可以预先设置接口服务器，在接收到书签显示指令后，终端设备可以生成目标书签对应的预览图片获取请求，并将其发送至上述接口服务器，进而接收该接口服务器反馈上述预览图片获取请求对应的预览图片。其中，上述预览图片获取请求中至少包括对应的目标书签的URL；上述接口服务器作为除安装有浏览器的终端设备和各网站服务器之外的第三方设备，可以根据接收到的预览图片获取请求执行以下通信过程：接口服务器根据上述预览图片获取请求中的URL与对应的网站服务器的第三方接口建立连接，并根据该网站服务器的业务规则生成并发送预览图片查询指令；接口服务器接收上述第三方接口反馈的预览图片，并将该预览图片发送至终端设备。终端设备在接收到接口服务器发送的预览图片后，就可以将该预览图片和对应的目标书签的网页标题显示于浏览器的书签展示界面。

由以上技术方案可知，本申请实施例在显示目标书签时，首先从各个目标书签对应的网页中获取与网页标题相关的预览图片，再将获取到的预览图片与对应的网页标题同时显示于书签展示界面中，使得用户在不打开目标书签对应的网页的前提下就可以根据目标书签的预览图片区分不同购物类网页所展示的商品的不同样式、不同视频类网页所展示的视频的不同风格等。因此，相对于现有标题列表形式的书签显示方式，本申请实施例通过预览图片可以更直观的将目标书签对应网页的主要内容展示给用户，即使目标书签数量多、网页标题相似度高，用户也可以在书签显示界面中快速找到想要浏览的网页对应的目标书签，减少用户查找目标书签所需的时间，提高用户体验好感度。

基于本申请实施例，书签展示界面内每个目标书签的显示区域可以由标题区和图片区两部分构成；其中，标题区用于显示该目标书签的网页标题，图片区用于显示该目标书签的预览图片。图3为本申请实施例提供的一种书签展示界面示意图；其中，目标书签的标题区301可以位于对应的图片区302的下方；当然，在本申请其他可行的实施例中，同一目标书签的标题区和图片区之间的相对位置关系不仅局限于图3所示，例如标题区也可以位于图片区的上方，此处不作赘述。如图3所示，标号为310的目标书签对应的网页为购物类网页，其网页标题为“周大福3D福星宝宝足金黄金吊坠”(由于标题区可显示的字数有限，网页标题的部分内容被隐藏)，对应的预览图片即为图片区显示的吊坠图片；图3中标号为320的目标书签对应的网页为视频类网页，其网页标题为“整容日记-在线观看–乐视网”，对应的预览图片为电影《整容日记》的海报图片。相对于网页标题，上述吊坠图片和海报图片可以更直观的表现对应网页的主要内容，使得用户可以快速得知该目标书签对应的网页是否为自己想要浏览的网页。

在本申请一个可行的实施例中，上述步骤S11所述的获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片，可以采用以下方法：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码，并获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

不同类型的网页，其对应的预览图片类型也不同；上述根据URL判断目标网页是否为商品展示网页，旨在判断该目标网页中是否存在可以作为预览图片的商品展示图片；一般的，同一网站下、相同类型的网页对应的网站的主机地址(host，即网站服务器的域名)是相同的，即如果目标网页是商品展示网页，则与其host相同的其他网页也是商品展示网页。鉴于网页数量繁多而网站的host类型有限，因此，本申请实施例可以通过如下步骤来判断目标网页是否为商品展示网页：预先创建第一网站配置表，将已知的支持商品展示的网站的主机地址(即网站服务器的域名)存入该第一网站配置表中，进而在判定目标网页是否为商品展示网页时，提取目标网页的URL中的host(也即目标网页所属网站的域名)，并查询上述第一网站配置表，如果第一网站配置表中存在上述提取到的host，则可以判定目标网页是商品展示网页。

在判定目标网页是商品展示网页后，进一步从目标书签的URL中提取商品标识码(即商品的ID，与商品(或商品展示图片)一一对应)，并从目标网页对应的网站服务器中获取上述商品标识码对应的商品展示图片，该商品展示图片即可作为目标书签对应的预览图片。

例如，第一网站配置表如下表1所示；网页标题为“周大福3D福星宝宝足金黄金吊坠”的第一目标书签对应的URL为：http://detail.tmall.com/item.htm？spm＝a230r.1.14.5.FsJuZL&id＝6105162227&ad_id＝&am_id＝&cm_id＝140105335569ed55e27b&pm_id＝&abbucket＝1。

表1第一网站配置表

网站编号	host
		1	item.taobao.com
2	detail.tmall.com
		…	…

根据URL的格式“scheme://host:port/path”可知，目标网页所属网站的主机地址即URL中“host”对应的部分，上述商品标识码可以从URL中“path”对应的部分获取得到。因此，上述第一目标书签的URL中，“host”对应的部分为“detail.tmall.com”，存在与第一网站配置表中，说明存在该目标书签对应的预览图片；又，“path”对应的部分为“host”之后的字符串，根据相应网站的路径设置规则解析得到其中的商品标识符，如“id＝6105162227”、“cm_id＝140105335569ed55e27b”等；获取到该商品标识符后，向“detail.tmall.com”对应的服务器发送查询请求，即可得到服务器中预存的该商品标识符对应的商品展示图片，也即对应的预览图片，将获取到的预览图片返回至终端设备，即可得到图3标号310所示的书签展示结果。

另外，如果所述目标网页不是商品展示网页，则可以进一步判断其是否为视频播放网页、书籍相关网页等，以相应获取视频海报、书籍封面等图片作为所述预览图片。

图4为本申请另一实施例提供的基于浏览器的书签显示方法的流程图。如图4所示，该书签显示方法包括以下步骤。

S21、在接收到书签显示指令后，判断各个目标书签对应的网站是否支持第三方图片展示，如果支持，则将对应的目标书签作为第一类目标书签，执行步骤S22，否则执行步骤S24。

实际应用中，不是所有的网页中都存在对应的预览图片，例如，某些网站考虑到图片版权、网站访问量等问题，不支持将自身网页中的图片展示在除相应网页之外的其他界面中，或者某些网页中不存在图片元素，也就不可能获取到与网页标题相关的预览图片。

S22、对于所述第一类目标书签，在其对应的网页中获取与其网页标题相关的预览图片。

S23、将所述第一类目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

S24、对于对应的网站不支持第三方图片展示的目标书签，判断所述目标书签对应的网站是否为预设主流网站，如果是，则执行步骤S25。

对于不支持第三方图片展示的网站对应的目标书签，无法通过预览图片将其可视化，因此，本申请实施例预先为不支持第三方图片展示的主流网站设置对应的展示图片，并将各个预设展示图片对应的主流网站的主机地址以第二网站配置表的形式存储于浏览器的资源文件中，。如果在步骤S21中判定某个目标书签对应的网站不支持第三方图片展示，则可以根据所述目标书签的网址所属的目标主机地址来判断该目标书签对应的网站是否为预设主流网站，即：解析该目标书签的URL，得到对应的目标主机地址(即该目标书签对应的网页的顶级域名)，查询预先存储的第二网站配置表中是否存在该目标主机地址，如果是，则说明该目标书签对应的网站为预设主流网站。

例如，上述第二网站配置表可参照下表2所示，其中，“tieba.baidu.com”为“百度贴吧”的域名，“news.sina.com.cn”为“新浪新闻”的域名。假设第二目标书签的URL为“http://news.sina.com.cn/c/2014-10-29/084531061590.shtml”，则可确定其对应的第二目标主机地址为“news.sina.com.cn”，查询表2可知该第二网站配置表中存在该第二目标主机地址，从而可以判定第二目标书签对应的网页所属的网站为多个预设主流网站中的一种，也即存在对应的预设展示图片。

表2第二网站配置表

网站编号	host
		1	tieba.baidu.com
2	news.sina.com.cn
		…	…

S25、在所述目标书签对应的网站为预设主流网站时，获取对应的预设展示图片。

如果判定目标书签对应的网站属于预设主流网站，则可以在展示图片存储设备中获取对应的预设展示图片。在本申请一个可行的实施例中，上述预设展示图片可以存储于静态图片服务器中，当终端设备判定某个目标书签对应的网站是预设主流网站时，可以向该静态图片服务器发送相应的查询指令，使得静态图片服务器返回对应的预设展示图片。

S26、将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

本申请实施例所述的预设展示图片可以基于对应的主流网站的收藏图标(Favoriteicon，Favicon)或者网站徽标(LOGO)等设定。

如图3所示的书签展示界面示意图，标号为330的目标书签对应的网站为“百度贴吧”，其不支持第三方图片展示，但属于预设主流网站，图片区显示“百度贴吧”对应的预设展示图片；标号为340的目标书签对应的网站为“新浪新闻”，同样的，其不支持第三方图片展示，但属于预设主流网站，故对应的图片区显示“新浪新闻”对应的预设展示图片。

在本申请一个可行的实施例中，如果在步骤S24中判定目标书签对应的网站不属于预设主流网站，则在该目标书签的图片区显示自定义图片，该自定义图片包括以默认颜色(如白色)填充的背景图层；同时，该自定义图片中还可以设置文字图层，该文字图层中的文字内容包括网页标题的部分或全部。

参照图5，在本申请另一个可行的实施例中，如果在步骤S24中判定目标书签对应的网站不属于预设主流网站，还可以执行如下步骤：

S27、获取所述目标书签对应的网站的收藏图标(Favicon)。

上述Favicon又称为网站头像，是通过专用的图片编辑器编辑得到的格式后缀为“.ico”、分辨率为16*16像素的图片类文件，通常命名为favicon.ico；根据浏览器的不同，Favicon可以与对应的网页标题共同显示于浏览器的书签展示界面(如图1中的101所示)，还可以显示在地址栏中(如图1中的102所示)。

S28、确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片。

S29、将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

如图3中标号为350的目标书签，通过步骤S21和S24判定其对应的网站既不支持第三方图片展示，也不属于预设主流网站，故获取其对应的Favicon，如图3中标号351所示，并确定其主色信息为该Favicon中“法”的颜色信息，并以该主色信息对应的颜色为背景色填充背景图层，得到标号为350的目标书签对应的书签背景图片。另外，还可以在所述书签背景图片中设置文字图层，该文字图层中的文字内容包括对应的网页标题的部分或全部。

另外，如果目标书签对应的网站既不支持第三方图片展示，也不属于预设主流网站，且不存在Favicon，则可以在该目标书签的图片区显示自定义图片，该自定义图片包括以默认颜色(如白色)填充的背景图层；同时，该自定义图片中还可以设置文字图层，该文字图层中的文字内容包括网页标题的部分或全部。例如，图3中标号为360的目标书签。

由以上技术方案可知，对于任一目标书签，本申请实施例都可以在书签展示界面中将其显示为“图片+标题”的形式，从而更直观的体现各个目标书签之间的区别，有利于用户快速查找到自己想要浏览的网页对应的书签。

图6为本申请又一实施例提供的书签显示方法的流程图。参照图6，该书签显示方法可以包括以下步骤。

S31、根据浏览器接收到的书签显示指令确定书签显示模式。

S32、判断所述书签显示模式是否为视图模式，如果是，则执行步骤S33，否则执行步骤S35。

上述视图模式，即前文实施例所述的以“图片+标题”的形式展示目标书签。

S33、在所述书签显示模式为视图模式时，获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片。

S34、将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

S35、在所述书签显示模式为列表模式时，将目标书签以列表的形式显示于浏览器的书签展示界面。

上述以列表的形式显示目标书签的实施方式可参照现有技术，此处不再赘述。

如图7所示，可在书签展示页面中设置模式切换控件，该模式切换控件包括指示浏览器以视图形式显示目标书签的第一切换控件701，和指示浏览器以列表形式显示目标书签的第二切换控件702；通过点击第一切换控件701和第二切换控件702，可以实现书签展示界面在视图模式和列表模式之间切换，以适应不同用户的操作习惯。

图8为本申请实施例提供的一种基于浏览器的书签显示装置的结构框图，其中，所述浏览器中收藏有目标书签。参照图8，该装置包括：预览图片获取单元101和第一显示控制单元102。

其中，该预览图片获取单元101被配置为，获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片。

该渲第一显示控制单元102被配置为，将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

由以上技术方案可知，本申请实施例在显示目标书签时，首先从各个目标书签对应的网页中获取与网页标题相关的预览图片，再将获取到的预览图片与对应的网页标题同时显示于书签展示界面中，使得用户在不打开目标书签对应的网页的前提下就可以根据目标书签的预览图片区分不同购物类网页所展示的商品的不同样式、不同视频类网页所展示的视频的不同风格等。因此，相对于现有标题列表形式的书签显示方式，本申请实施例通过预览图片可以更直观的将目标书签对应网页的主要内容展示给用户，即使目标书签数量多、网页标题相似度高，用户也可以在书签显示界面中快速找到想要浏览的网页对应的目标书签，减少用户查找目标书签所需的时间，提高用户体验好感度。

在本申请一个可行的实施例中，基于浏览器的书签显示装置中的预览图片获取单元可以包括：商品展示判断单元、标识码获取单元和商品图片获取单元。

其中，该商品展示判断单元被配置为，根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页。

该标识码获取单元被配置为，在所述目标网页是商品展示网页时，根据所述URL获取对应的商品标识码。

该商品图片获取单元被配置为，获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，并将所述商品展示图片作为所述目标书签对应的预览图片。

当然，预览图片获取单元还可以包括其他组成单元，用于在商品展示判断单元判定所述目标网页不是商品展示网页时，判断其是否为视频播放网页、书籍相关网页等，进而相应获取视频海报、书籍封面等图片作为所述预览图片。

图9为本申请实施例提供的另一种基于浏览器的书签显示装置的结构框图。参照图9，该装置包括：预览图片获取单元201、第一显示控制单元202、主流网站判断单元203、预设图片获取单元204和第二显示控制单元205。

其中，该预览图片获取单元201被配置为，获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片。

该第一显示控制单元202被配置为，将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

该主流网站判断单元203被配置为，在预览图片获取单元210无法获取所述预览图片时，根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站。

该预设图片获取单元204被配置为，在所述目标书签对应的网站是预设主流网站时，获取对应的预设展示图片。

该第二显示控制单元205被配置为，将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

仍参照图9，上述书签显示装置还可以包括：收藏图标获取单元206、背景图片生成单元207和第三显示控制单元208。

该收藏图标获取单元206被配置为，在主流网站判断单元230判定所述目标书签对应的网站不是预设主流网站时，获取所述目标书签对应的网站的收藏图标。

该背景图片生成单元207被配置为，确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片。

该第三显示控制单元208被配置为，将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

由以上技术方案可知，对于任一目标书签，本申请实施例都可以在书签展示界面中将其显示为“图片+标题”的形式，从而更直观的体现各个目标书签之间的区别，有利于用户快速查找到自己想要浏览的网页对应的书签。

图10为本申请实施例提供的又一种基于浏览器的书签显示装置的结构框图参照图10，上该装置包括：显示模式确定单元309、第四显示控制单元310、预览图片获取单元301和第一显示控制单元302。

该显示模式确定单元309被配置为，根据浏览器接收到的书签显示指令确定书签显示模式，如果所述书签显示模式为视图模式，则触发预览图片获取单元301，如果所述书签显示模式为列表模式，则触发第四显示控制单元310。

该预览图片获取单元301被配置为，获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片。

该第一显示控制单元302被配置为，将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

由以上技术方案可知，本申请实施例根据不同用户操作对应的书签显示指令切换书签显示模式，使得书签展示界面在视图模式和列表模式之间切换，从而可以适应不同用户的操作习惯。

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

另外，本申请实施例还提供了一种计算机存储介质，例如可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等；该计算机存储介质中存储有程序，当所述存储介质中的程序由终端设备的处理器执行时，使得终端设备能够执行上述方法实施例中记载的书签显示方法的部分或全部步骤。

图11是根据一示例性实施例示出的一种终端设备800的框图。例如，终端设备800可以是移动电话，平板设备，笔记本电脑，数字广播终端，消息收发设备等。

参照图8，终端设备800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制终端设备800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行本地或者远程指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

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

电源组件806为终端设备800的各种组件提供电力。

多媒体组件808包括在所述终端设备800和用户之间的提供一个输出接口的屏幕。

音频组件810被配置为输出和/或输入音频信号。

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

传感器组件814包括一个或多个传感器，用于为终端设备800提供各个方面的状态评估。

通信组件816被配置为便于终端设备800和其他设备之间有线或无线方式的通信。终端设备800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。

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

其中，本实施例中，处理器820通过执行存储器804中的指令，可以完成如下步骤：

获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片；

将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

在本申请一个可行的实施例中，为实现获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片，处理器820可以执行如下步骤：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码；

获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

在本申请另一个可行的实施例中，处理器820还可以执行如下步骤：

如果无法获取所述预览图片，则根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

如果所述目标书签对应的网站是预设主流网站，则获取对应的预设展示图片；

将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

在本申请又一个可行的实施例中，处理器820还可以执行如下步骤：

如果所述目标书签对应的网站不是预设主流网站，则获取所述目标书签对应的网站的收藏图标；

确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片；

将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

在本申请又一个可行的实施例中，处理器820还可以执行如下步骤：

根据浏览器接收到的书签显示指令确定书签显示模式；

如果所述书签显示模式为视图模式，则执行所述获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片的步骤；

如果所述书签显示模式为列表模式，则将目标书签以列表的形式显示于浏览器的书签展示界面。

参照图12，本申请实施例还提供了一种服务器，该服务器包括：处理组件1922，其进一步包括一个或多个处理器，以及由存储器1932所代表的存储器资源，用于存储可由处理组件1922的执行的指令，例如应用程序。存储器1932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1922被配置为执行指令，以在终端设备中实现基于浏览器的书签显示方法。

服务器还可以包括一个电源组件1926被配置为执行服务器的电源管理，一个有线或无线网络接口1950被配置为将服务器连接到网络，和一个输入输出(I/O)接口1958。服务器可以操作基于存储在存储器1932的操作系统，例如WindowsServerTM，MacOSXTM，UnixTM,LinuxTM，FreeBSDTM或类似。

其中，本实施例中，处理组件1922通过执行存储器1932中的指令，可以完成如下步骤：

接收终端设备发送的与目标书签对应的预览图片查询指令；

根据所述预览图片查询指令，从目标书签对应的网站服务器中获取与所述目标书签的网页标题相关的预览图片；

将所述预览图片发送至所述终端设备，以便终端设备将所述预览图片和对应的网页标题显示于浏览器的书签展示界面。

在本申请一个可行的实施例中，为实现从目标书签对应的网站服务器中获取与所述目标书签的网页标题相关的预览图片，处理组件1922可以完成如下步骤：

在所述预览图片查询指令为商品图片查询指令时，根据所述目标书签对应的统一资源定位符URL获取对应的商品标识码；

获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，并将所述商品展示图片作为所述目标书签对应的预览图片发送至终端设备。

在本申请另一个可行的实施例中，处理组件1922还可以完成如下步骤：

接收终端设备发送的与目标书签对应的预设图片查询指令；

根据所述预设图片查询指令，获取所述目标书签对应的预设主流网站的预设展示图片；

将所述预设展示图片发送至所述终端设备，以便终端设备将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

另外，本申请实施例还提供了一种数据通信系统，用于实现上述基于浏览器的书签显示方法。该数据通信系统包括：接口服务器和安装有浏览器的终端设备；

其中，所述终端设备被配置为：

生成目标书签对应的预览图片查询指令，并将所述预览图片查询指令发送至所述接口服务器；

接收所述接口服务器反馈的与所述目标书签的网页标题相关的预览图片；

将所述预览图片和所述目标书签的网络标题显示于浏览器的书签展示界面；

所述接口服务器被配置为：接收所述预览图片查询指令；

根据所述预览图片查询指令，从目标书签对应的网站服务器中获取所述预览图片；

将所述预览图片发送至所述终端设备。

在本申请一个可行的实施例中，为实现生成目标书签对应的预览图片查询指令，所述终端设备被配置为：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码，并生成携带所述所述商品标识码的商品图片查询指令；

相应的，为实现从目标书签对应的网站服务器中获取所述预览图片，所述接口服务器被配置为：

解析终端设备发送的所述商品图片查询指令，得到所述商品标识码；

在所述目标网页对应的网站服务器中查询所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

在本申请另一个可行的实施例中，所述数据通信系统还包括：静态图片服务器；

所述终端设备还被配置为：

在无法获取所述预览图片时，根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

在所述目标书签对应的网站是预设主流网站时，生成预设图片查询指令，并将所述预设图片查询指令发送至所述静态图片服务器；

接收所述静态图片服务器反馈的预设展示图片；

将所述预设展示图片和所述目标书签的网页标题显示于浏览器的书签展示界面；

所述静态图片服务器被配置为：

接收所述预设图片查询指令；

根据所述预设图片查询指令，获取所述目标书签对应的预设主流网站的预设展示图片；

将所述预设展示图片发送至所述终端设备。

在本申请又一个可行的实施例中，所述终端设备还被配置为：

在所述目标书签对应的网站不是预设主流网站时，获取所述目标书签对应的网站的收藏图标Favicon；

确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片；

将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

在本申请又一个可行的实施例中，所述终端设备还被配置为：

根据浏览器接收到的书签显示指令确定书签显示模式；

如果所述书签显示模式为视图模式，则执行所述生成目标书签对应的预览图片查询指令的步骤；

如果所述书签显示模式为列表模式，则将目标书签以列表的形式显示于浏览器的书签展示界面。

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

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

Claims (16)

1.一种基于浏览器的书签显示方法，其特征在于，所述浏览器中收藏有目标书签；所述方法包括：

获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片；

将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

2.根据权利要求1所述的书签显示方法，其特征在于，所述获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片，包括：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码；

获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

3.根据权利要求1或2所述的书签显示方法，其特征在于，还包括：

如果无法获取所述预览图片，则根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

如果所述目标书签对应的网站是预设主流网站，则获取对应的预设展示图片；

将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

4.根据权利要求3所述的书签显示方法，其特征在于，还包括：

如果所述目标书签对应的网站不是预设主流网站，则获取所述目标书签对应的网站的收藏图标；

确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片；

将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

5.根据权利要求1或2所述的书签显示方法，其特征在于，还包括：

根据浏览器接收到的书签显示指令确定书签显示模式；

如果所述书签显示模式为视图模式，则执行所述获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片的步骤；

如果所述书签显示模式为列表模式，则将目标书签以列表的形式显示于浏览器的书签展示界面。

6.一种基于浏览器的书签显示装置，其特征在于，所述浏览器中收藏有目标书签；所述装置包括：

预览图片获取单元,用于获取目标书签对应的网页中与所述目标书签的网页标题相关的预览图片；

第一显示控制单元,用于将所述目标书签的网页标题和对应的预览图片显示于浏览器的书签展示界面。

7.根据权利要求6所述的书签显示装置，其特征在于，所述预览图片获取单元包括：

商品展示判断单元，用于根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

标识码获取单元，用于在所述目标网页是商品展示网页时，根据所述URL获取对应的商品标识码；

商品图片获取单元，用于获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，并将所述商品展示图片作为所述目标书签对应的预览图片。

8.根据权利要求6或7所述的书签显示装置，其特征在于，还包括：

主流网站判断单元，用于在所述预览图片获取单元无法获取所述预览图片时，根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

预设图片获取单元，用于在所述目标书签对应的网站是预设主流网站时，获取对应的预设展示图片；

第二显示控制单元，用于将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

9.根据权利要求8所述的书签显示装置，其特征在于，还包括：

收藏图标获取单元，用于在所述目标书签对应的网站不是预设主流网站时，获取所述目标书签对应的网站的收藏图标；

背景图片生成单元，用于确定所述收藏图标的主色信息，并根据所述主色信息生成书签背景图片；

第三显示控制单元，用于将所述目标书签的网页标题和对应的书签背景图片显示于浏览器的书签展示界面。

10.根据权利要求6或7所述的书签显示装置，其特征在于，还包括：显示模式确定单元和第四显示控制单元；

所述显示模式确定单元用于，根据浏览器接收到的书签显示指令确定书签显示模式，如果所述书签显示模式为视图模式，则触发所述预览图片获取单元，如果所述书签显示模式为列表模式，则触发所述第四显示控制单元；

所述第四显示控制单元用于，将目标书签以列表的形式显示于浏览器的书签展示界面。

11.一种服务器，其特征在于，包括：

处理器；

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

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

接收终端设备发送的与目标书签对应的预览图片查询指令；

根据所述预览图片查询指令，从目标书签对应的网站服务器中获取与所述目标书签的网页标题相关的预览图片；

将所述预览图片发送至所述终端设备，以便终端设备将所述预览图片和对应的网页标题显示于浏览器的书签展示界面。

12.根据权利要求11所述的服务器，其特征在于，为实现从目标书签对应的网站服务器中获取与所述目标书签的网页标题相关的预览图片，所述处理器被配置为：

在所述预览图片查询指令为商品图片查询指令时，根据所述目标书签对应的统一资源定位符URL获取对应的商品标识码；

获取所述目标网页对应的网站服务器中所述商品标识码对应的商品展示图片，并将所述商品展示图片作为所述目标书签对应的预览图片发送至终端设备。

13.根据权利要求11或12所述的服务器，其特征在于，所述处理器还被配置为：

接收终端设备发送的与目标书签对应的预设图片查询指令；

根据所述预设图片查询指令，获取所述目标书签对应的预设主流网站的预设展示图片；

将所述预设展示图片发送至所述终端设备，以便终端设备将所述目标书签的网页标题和对应的预设展示图片显示于浏览器的书签展示界面。

14.一种数据通信系统，其特征在于，包括：接口服务器和安装有浏览器的终端设备；

所述终端设备被配置为：

生成目标书签对应的预览图片查询指令，并将所述预览图片查询指令发送至所述接口服务器；

接收所述接口服务器反馈的与所述目标书签的网页标题相关的预览图片；

将所述预览图片和所述目标书签的网络标题显示于浏览器的书签展示界面；

所述接口服务器被配置为：

接收所述预览图片查询指令；

根据所述预览图片查询指令，从目标书签对应的网站服务器中获取所述预览图片；

将所述预览图片发送至所述终端设备。

15.根据权利要求14所述的数据通信系统，其特征在于，为实现生成目标书签对应的预览图片查询指令，所述终端设备被配置为：

根据所述目标书签对应的统一资源定位符URL判断所述目标书签对应的目标网页是否为商品展示网页；

如果所述目标网页是商品展示网页，则根据所述URL获取对应的商品标识码，并生成携带所述所述商品标识码的商品图片查询指令；

相应的，为实现从目标书签对应的网站服务器中获取所述预览图片，所述接口服务器被配置为：

解析终端设备发送的所述商品图片查询指令，得到所述商品标识码；

在所述目标网页对应的网站服务器中查询所述商品标识码对应的商品展示图片，得到所述目标书签对应的预览图片。

16.根据权利要求14或15所述的数据通信系统，其特征在于，还包括：静态图片服务器；

所述终端设备还被配置为：

在无法获取所述预览图片时，根据所述目标书签的网址所属的目标主机地址判断所述目标书签对应的网站是否为预设主流网站；

在所述目标书签对应的网站是预设主流网站时，生成预设图片查询指令，并将所述预设图片查询指令发送至所述静态图片服务器；

接收所述静态图片服务器反馈的预设展示图片；

将所述预设展示图片和所述目标书签的网页标题显示于浏览器的书签展示界面；

所述静态图片服务器被配置为：

接收所述预设图片查询指令；

根据所述预设图片查询指令，获取所述目标书签对应的预设主流网站的预设展示图片；

将所述预设展示图片发送至所述终端设备。