CN105512123A - 用于创建网页特征图像和生成网页书签的方法和装置 - Google Patents

Abstract

本发明公开了用于创建网页特征图像和生成网页书签的方法和装置。用于创建网页特征图像的方法包括：获得电子设备中正在浏览的网页的图像，其中获得的图像包括至少一个第一区域，并且在第一区域中渲染的网页内容能够表示所述网页；在获得的图像中确定至少一个第二区域；其中根据电子设备的显示因子确定第二区域的大小，并且根据第一区域在获得的图像上的位置确定第二区域的位置；以及通过根据所确定的第二区域，从获得的图像中提取至少一个子图像，创建网页的至少一个网页特征图像。使用本发明，在创建的网页特征图像上显示的网页内容总是可读并且用户总是能够容易进行识别，而且生成的网页书签总是能够使用户容易判断相应网页是否是目标网页。

Description

用于创建网页特征图像和生成网页书签的方法和装置

技术领域

本发明涉及一种用于在电子设备中创建网页特征图像的方法和装置以及用于在电子设备中生成网页书签的方法和装置。

背景技术

随着因特网的发展，用户使用web浏览器浏览网页，以获得多样化的信息变得越来越普遍。当前，web浏览器使得用户能够针对浏览的网页生成网页书签，使得代替记住特定网页的统一资源定位符(URL)并在web浏览器的地址栏中输进URL，通过生成的网页书签，用户将来能够直接再次访问它们。

近来，提出了一些技术来实现这种功能。美国专利US8,418,054公开了一种方法，其用于通过根据预定规则，基于过去的显示格式切出至少一个网页内容的一部分，来生成网页书签；使得对于一个网页内容，首先，可以生成示出用户在网页内容中读取的各个区域的概要的缩略图图像；其次，可以生成作为网页内容中的区域的一部分的至少一个剪切图像，其中，网页内容中的区域的该部分是用户在最长量的时间内读取的区域；第三，可以使用生成的缩略图图像和剪切图像，生成网页书签或者读取历史；然后，当用户检查所生成的网页书签中的一个时，显示网页书签的生成的缩略图图像和剪切图像，以向用户指示相应的网页内容。

虽然包含在网页书签中的剪切图像可以提供用于判断目标网页的指示，但是在剪切图像上显示的网页内容不是总是可读的，因为剪切图像的尺寸通常小并且固定，并且用户进行读取花费的时间量越长，剪切图像必须包含越多的内容。因此，根据这种方法生成的网页书签不能总是使用户容易地判断相应的网页是否是目标网页。

发明内容

因此，鉴于上述在背景技术中的叙述，本发明要解决的技术问题是生成显示的网页内容总是可读的网页书签，使得生成的网页书签总是使用户容易地判断相应的网页是否是目标网页。

本发明的一个目的是提供用于在web浏览器中创建网页特征图像的方法和装置。

本发明的另一个目的是提供用于在web浏览器中生成网页书签的方法和装置。

根据本发明的一个方面，提供一种用于创建网页特征图像的方法，其包括：获得步骤，获得电子设备中正在浏览的网页的图像，其中所获得的图像包括至少一个第一区域，并且在所述第一区域中渲染的网页内容能够表示所述网页；确定步骤，在所获得的图像中确定至少一个第二区域；其中所述第二区域中的一个包含所述第一区域中的一个，根据所述电子设备的显示因子确定所述第二区域的大小，并且根据所述第一区域在所获得的图像上的位置确定所述第二区域的位置；以及创建步骤，通过根据所确定的第二区域，从所获得的图像中提取至少一个子图像，来创建所述网页的至少一个网页特征图像。

根据本发明的另一方面，提供一种用于生成网页书签的方法，其包括：获取步骤，获取用于针对电子设备中正在浏览的网页生成网页书签的用户输入；创建步骤，根据上述方法创建所述网页的至少一个网页特征图像；以及生成步骤，针对所述网页生成带有所创建的网页特征图像中的一个和所述网页的相关信息的所述网页书签。

根据本发明的又一方面，提供一种用于创建网页特征图像的装置，其包括：获得单元，被配置为获得电子设备中正在浏览的网页的图像，其中，所获得的图像包括至少一个第一区域，并且在所述第一区域中渲染的网页内容能够表示所述网页；确定单元，被配置为在所获得的图像中确定至少一个第二区域；其中所述第二区域中的一个包含所述第一区域中的一个，根据所述电子设备的显示因子确定所述第二区域的大小，并且根据所述第一区域在所获得的图像上的位置确定所述第二区域的位置；以及创建单元，被配置为通过根据所确定的第二区域，从所获得的图像中提取至少一个子图像，来创建所述网页的至少一个网页特征图像。

根据本发明的再一方面，提供一种用于生成网页书签的装置，其包括：获取单元，被配置为获取用于针对电子设备中正在浏览的网页生成网页书签的用户输入；上述用于创建网页特征图像的装置，被配置为创建所述网页的至少一个网页特征图像；以及生成单元，被配置为针对所述网页生成带有所创建的网页特征图像中的一个和所述网页的相关信息的所述网页书签。

如上所述，在创建网页特征图像时，本发明考虑了电子设备的显示因子，诸如电子设备的显示分辨率、最小可读字体大小和网页特征图像的大小，由此在所创建的网页特征图像上显示的网页内容总是可读的。此外，所创建的网页特征图像总是包含可以表示网页的一个网页内容，由此用户总是能够容易地识别在所创建的网页特征图像上显示的网页内容。

此外，因为在所创建的网页特征图像上显示的网页内容总是可读的，并且总是能够容易地进行识别，因此使用创建的网页特征图像生成的网页书签，总是能够使用户容易地判断相应的网页是否是目标网页。

从以下参照附图进行的描述，本发明的其它特征和优点将变得清楚。

附图说明

包含在说明书中并构成说明书的一部分的附图，示出了本发明的实施例，并且与文字说明一起，用于解释本发明的原理。

图1例示了能够实现本发明的实施例的包括用于创建网页特征图像并生成网页书签的装置的示例性系统的布置。

图2是例示电子设备的硬件配置的示例的框图。

图3是示出根据本发明的一个示例性实施例的在web浏览器中创建网页特征图像的方法的流程图。

图4示意性地示出了根据本发明的用于获得网页的图像的步骤的流程图。

图5示意性地示出了根据本发明的用于确定一个第二区域的步骤的流程图。

图6示意性地示出了根据本发明的用于创建一个网页特征图像的步骤的流程图。

图7示意性地示出了根据本发明的用于创建一个网页特征图像的步骤的另一个流程图。

图8是示出根据本发明的示例性实施例的用于在web浏览器中创建网页特征图像的装置的框图。

图9是示出根据本发明的示例性实施例的用于在web浏览器中生成网页书签的方法的流程图。

图10是示出根据本发明的示例性实施例的用于在web浏览器中生成网页书签的装置的框图。

图11示出了关于根据本发明的实施例的用于创建网页特征图像的方法的步骤的示例性图像。

图12示出了根据本发明的实施例生成的示例性网页书签。

具体实施方式

下面，参照附图详细描述本发明的示例性实施例。应当指出，下面的描述实际上仅仅是说明性和示例性的，并且决不旨在限制本发明和其应用或使用。除非另外具体说明，否则在这些实施例中提出的部件和步骤的相对布置、数字表示和数值不限制本发明的范围。另外，对于本领域技术人员已知的技术、方法和设备可能不详细讨论，但是其旨在适当的情况下作为本说明书的一部分。

请注意，在图中，类似的附图标记和字母是指类似的项目，因此一旦在一个图中定义了项目，则不需要针对之后的图讨论该项目。

(硬件配置)

图1例示了能够实现本发明的实施例的包括用于创建网页特征图像并生成网页书签的装置的示例性系统100的布置。

如图1所示，系统100包括作为用于创建网页特征图像并生成网页书签的装置的电子设备101。根据本示例性实施例的电子设备101被配置为经由网络102将网页从多个web服务器103下载到电子设备101上，并且显示下载的网页。电子设备101还被配置为创建其上显示的网页的网页特征图像。另外，电子设备101还被配置为针对其上显示的网页生成网页书签。此外，电子设备101可以是诸如移动电话、个人数据助理(PDA)、膝上型计算机、台式计算机、平板计算机等的设备或者其它合适的个人设备。如图1所示，电子设备101例如是膝上型计算机(即个人计算机)。

图2是例示能够实现下面描述的技术的图1中的电子设备101的硬件配置的示例的框图。电子设备101可以包括中央处理单元(CPU)201、随机存取存储器(RAM)202、只读存储器(ROM)203、硬盘204、显示设备205、输入设备206和网络接口207。

CPU201可以是任意合适的可编程控制设备，并且可以根据存储在RAM202、ROM203或者硬盘204中的程序对数据和指令进行处理。当CPU201进行各种处理(例如执行下面将参照图3至图12详细描述的所公开的技术)以及由电子设备101进行的其它功能时，RAM202用作临时存储部。硬盘204可以存储操作系统(OS)、web浏览器、媒体(例如下载的网页、创建的网页特征图像、生成的网页书签、生成的网页读取历史)、程序(例如用于在电子设备101上实现下面将参照图3至图12详细描述的技术或者其它种类的应用软件)等。

显示设备205可以包括阴极射线管(CRT)或者液晶显示器，并且可以显示从web服务器103下载的网页，或者显示CPU201创建的网页特征图像，或者显示CPU201生成的网页书签等。输入设备206可以允许用户与电子设备101进行交互。例如，输入设备206可以采用诸如按钮、小键盘、拨盘、点击轮或者触摸屏的各种形式。另外，如果电子设备101是所谓的诸如智能移动电话、PDA、平板计算机的设备或者其它合适的个人设备，则可以一体化地包含显示设备205和输入设备106。此外，如果电子设备101是所谓的诸如传统移动电话、膝上型计算机、台式计算机的设备或者其它合适的个人设备，则可以离散地包含显示设备205和输入设备206。

网络接口207提供用于将电子设备101连接到网络102的接口。电子设备101经由网络接口207与经由网络102连接的外部web服务器103进行数据通信。作为另选方案，可以对电子设备101设置无线接口，用于进行无线数据通信。系统总线208可以提供用于向、从或者在CPU201、RAM202、ROM203、硬盘204、显示设备205、输入设备206和网络接口207等之间相互传输数据的数据传输路径。虽然称为总线，但是系统总线208不局限于任何特定数据传输技术。

存储在硬盘204中的web浏览器是用于显示网页的应用。当用户想要激活web浏览器时，用户可以通过输入设备206，输入诸如双击在电子设备101的显示设备205中显示的web浏览器图标的指令；并且当接收到用户的输入时，CPU201将激活web浏览器；然后，web浏览器将与URL相对应的网页从web服务器103下载到RAM202中，并将其显示在电子设备101的显示设备205内的当前网页显示区域上。这里，网页显示区域意为web浏览器中的仅用来显示网页的网页内容的区域，并且网页的网页内容是诸如文本、图像、视频、超链接等的超文本标记语言(HTML)页面中的内容。当用户浏览在显示设备205中显示的网页时，用户可能想要创建可以表示所浏览的网页的浏览网页的网页特征图像。此外，用户还可能想要针对浏览的网页生成网页书签，以使得用户可以在将来容易地再次访问该网页。

(创建网页特征图像的方法和装置)

图3是示出根据本发明的一个示例性实施例的用于在web浏览器中创建网页特征图像的方法的流程图。

图3的流程图所示的用于在web浏览器中创建网页特征图像所需的程序，与其它程序一起存储在硬盘204中，所述其它程序例如是下面将详细描述的图9的流程图所示的用于在web浏览器中生成网页书签所需的程序。当CPU201根据用户的输入指令激活web浏览器时，存储在硬盘204中的程序加载到RAM202中。然后，CPU201可以执行图3的流程图。稍后要描述的流程图的处理也以相同的方式加载到RAM202中，并且由CPU201执行。

如图3所示，在获得步骤S310中，当用户正在使用电子设备101浏览网页时，CPU201获得网页的图像，其中获得的图像包括至少一个第一区域，并且在第一区域中渲染的网页内容可以表示网页。在第一区域中渲染的网页内容也即是网页的网页内容的一部分。如上所述，网页的网页内容也即是诸如文本、图像、视频、超链接等的HTML页面中的内容。

在图4中示出了用于获得网页的图像的一种示例性方法。图4示意性地示出了在图3所示的步骤S310中进行的用于获得网页的图像的步骤的流程图。

如图4所示，首先，CPU201需要从网页中确定第一区域中的至少一个，其例如可以包括以下步骤：

首先，在步骤S311，CPU201获得可以标识网页的信息。作为优选示例，CPU201可以从网页的标题获得该信息。作为另一优选示例，如果通过嵌入在另一网页中的超链接打开网页，则CPU201可以从超链接获得该信息。此外，如果超链接的内部内容是文本，则可以直接使用文本作为该信息；如果超链接的内部内容是图像，则可以从自图像中识别出的文本信息中，提取可以标识网页的信息。

其次，在步骤S312，CPU201根据表示文本内容的网页元素和获得的信息之间的相关系数，从在网页中渲染的所有表示文本内容的网页元素中，检索至少一个表示文本内容的网页元素。

如上所述，网页的网页内容也即是诸如文本、图像、视频、超链接等的HTML页面中的内容。此外，网页的网页内容由网页的网页元素构成，其包括表示文本内容的网页元素、表示超链接的网页元素等。

作为优选解决方案，为了检索表示文本内容的网页元素，CPU201可以使用获得的信息作为关键字，并且使用关键字在网页中渲染的所有表示文本内容的网页元素中进行搜索，然后选择满足预先定义的条件的表示文本内容的网页元素，作为检索到的表示文本内容的网页元素。例如，预先定义的条件是表示文本内容的网页元素和所获得的信息之间的相关系数大于或等于预先定义的阈值，其中用户可以根据其经验定义预先定义的阈值。另外，如果没有能够满足预先定义的条件的表示文本内容的网页元素，则选择与所获得的信息具有最大相关系数的表示文本内容的网页元素，作为检索到的表示文本内容的网页元素。

第三，在步骤S313，CPU201将检索到的表示文本内容的网页元素的渲染区域记录为第一区域，其中表示文本内容的网页元素中的一个对应于渲染区域中的一个，并且渲染区域中的一个对应于第一区域中的一个。记录的渲染区域的信息至少包含渲染区域在获得的图像上的位置(其可看作是第一区域在获得的图像上的位置)，以及相应渲染区域中的检索到的表示文本内容的网页元素的实际字体大小。

根据上述图4所示的步骤S311至S313，CPU201可以自动从网页中确定第一区域中的至少一个。然而，非常明显，其不一定局限于此。例如，除了这种自动确定方法之外，用户可以通过图1中的电子设备101的输入设备206，手动从网页中确定第一区域中的至少一个。例如，这里可以使用在中国专利申请公布CN102486789中公开的方法。

如图4所示，在从网页中确定第一区域中的至少一个之后，在步骤S314，CPU201捕获在电子设备101的当前网页显示区域中显示的网页的截图(snapshot)，作为网页的图像，其中第一区域中的至少一个包含在当前网页显示区域中。

为了确保获得的网页的图像包括第一区域中的至少一个，CPU201在捕获网页的截图之前，检查电子设备101的图2中的显示设备205内的当前网页显示区域，是否包含第一区域中的至少一个。例如，如果CPU201发现当前网页显示区域不包含第一区域中的任何一个，则其使用web浏览器的滚动接口使网页自动滚动，直到在当前网页显示区域中显示第一区域中的至少一个为止，然后CPU201捕获在当前网页显示区域中显示的网页的截图。对于另一示例，除了这种自动滚动方法之外，用户可以进行如下判断，即，判断电子设备101的图2中的显示设备205内的当前网页显示区域是否包含第一区域中的至少一个。如果用户发现当前网页显示区域不包含第一区域中的任何一个，则用户可以通过电子设备101的输入设备206手动滚动网页，直到在当前网页显示区域中显示第一区域中的至少一个为止，然后CPU201捕获在当前网页显示区域中显示的网页的截图。

为了使本发明更容易理解，现在，参照图11制作图3中的获得步骤S310的示例性图像。如上所述，电子设备101中正在浏览的网页如图11中的(a)所示。在实现上述图3中的获得步骤S310之后，获得的网页的图像如图11中的(b)所示，并且用实线标记的两个第一区域(例如第一区域1和第一区域2)如图11中的(b)所示。

现在返回到图3，在确定步骤S320中，在CPU201获得网页的图像之后，在获得的图像中确定至少一个第二区域；其中，第二区域中的一个包含第一区域中的一个，根据电子设备101的显示因子确定第二区域的大小，并且根据第一区域在获得的图像上的位置确定第二区域的位置。

为了确定第二区域，CPU201首先需要从图1中的电子设备101获得显示因子。显示因子包括以下因子：电子设备101的显示分辨率；电子设备101的最小可读字体大小；和/或电子设备101的网页特征图像的大小。由于显示分辨率和网页特征图像的大小是电子设备101的固有参数，因此CPU201可以直接从电子设备101获得这些因子。然后，在一种实现中，在CPU201获得电子设备101的显示分辨率之后，其可以根据显示分辨率，来确定最小可读字体大小，例如，CPU201可以使用表示显示分辨率和最小可读字体大小之间的映射关系的预先定义的映射表，来确定最小可读字体大小。该预先定义的映射表可以由用户根据其经验来定义，或者可以根据统计来定义。另外，该预先定义的映射表例如可以由作为键的显示分辨率和作为值的最小可读字体大小构成。在另一实现中，CPU201可以使用用户对最小可读字体大小的偏好设置，来确定最小可读字体大小。

对于确定一个第二区域，在图5中示出了一种示例性确定方法。图5示意性地示出了在图3所示的步骤S320中进行的用于确定一个第二区域的步骤的流程图。

如图5所示，首先，在步骤S321，CPU201可以从在上述图4中的步骤S311至S313中确定的第一区域中的至少一个中，随机取得一个第一区域。作为另选方案，除了由CPU201取得之外，还可以由用户随机从第一区域中的至少一个中选择第一区域。

作为优选和任选方案，CPU201或者用户可以从第一区域中的至少一个中取得或者选择大小最小的第一区域。

其次，在步骤S322，CPU201获得在所取的第一区域中渲染的表示文本内容的网页元素的实际字体大小。

第三，在步骤S323，CPU201根据如上所述确定的电子设备101的最小可读字体大小和在步骤S322中获得的实际字体大小，计算第二区域的大小。

在一种实现中，CPU201可以根据以下步骤来计算第二区域的大小：

1)CPU201通过将实际字体大小除以最小可读字体大小，计算第一缩放因子；并且

2)CPU201根据第一缩放因子和如上所述获得的网页特征图像的大小，计算第二区域的大小。

接下来，在步骤S324，CPU201根据所取得的第一区域在所获得的图像上的位置，来确定第二区域的位置。在一种实现中，CPU201取得所取得的第一区域在所获得的图像上的开始位置，作为第二区域的开始位置。

然后，在步骤S325，CPU201可以根据所计算的第二区域的大小和所确定的第二区域的位置，在所获得的图像中确定第二区域。

为了使本发明更容易理解，现在，参照图11制作图3中的确定步骤S320的示例性图像。如上所述，用实线标记的两个第一区域(例如第一区域1和第一区域2)如图11中的(b)所示。在实现上述图3中的确定步骤S320之后，如果CPU201最终取得图11中的(b)中的第一区域2，则确定相应的第二区域，即图11中的(c)所示的用虚线标记的第二区域2。

现在返回到图3，在创建步骤S330中，在CPU201确定第二区域之后，其可以通过根据所确定的第二区域，从所获得的图像中提取至少一个子图像，来创建网页的至少一个网页特征图像。子图像是所获得的网页的图像的一部分。

对于创建网页的一个网页特征图像，在图6中示出了一种示例性创建方法。图6示意性地示出了在图3所示的步骤S330中进行的用于创建一个网页特征图像的步骤的流程图。

如图6所示，首先，在步骤S3301，在CPU201根据上述图5中的步骤S321至S325确定第二区域之后，CPU201根据所确定的第二区域，从所获得的网页的图像中提取相应的子图像。

然后，在步骤S3302，CPU201通过将提取的子图像缩放到网页特征图像的大小，来创建网页的相应网页特征图像。

在上述图6所示的示例性创建方法中，当确定第二区域时，除了电子设备101的显示因子之外，本发明还考虑第一区域中渲染的表示文本内容的网页元素的实际字体大小。由此，当读取根据上述图6所示的方法创建的网页特征图像时，至少在第一区域中渲染的网页内容可读，也就是说，用户至少可以识别在第一区域中渲染的网页内容。

然而，根据上述图6所示的方法创建的网页特征图像不能保证在所创建的网页特征图像上显示的所有网页内容总是可读，也就是说，根据上述图6所示的方法创建的网页特征图像不能总是使得用户能够识别在所创建的网页特征图像上显示的所有网页内容，特别是在存在一些第二区域中渲染的表示文本内容的网页元素(其字体大小小于在第一区域中渲染的表示文本内容的网页元素的实际字体大小)时。

因此，为了使得用户能够识别在所创建的网页特征图像上显示的所有网页内容，提出了用于创建网页的一个网页特征图像的另一示例性方法，如图7所示。图7示意性地示出了在图3所示的步骤S330中进行的用于创建一个网页特征图像的步骤的另一个流程图。

如图7所示，首先，在步骤S3311，在CPU201根据上述图5中的步骤S321至S325确定第二区域之后，CPU201根据所确定的第二区域，从所获得的网页的图像中提取相应的子图像。

其次，在步骤S3312，CPU201在所提取的子图像中确定第三区域；其中，第三区域包含所提取的子图像中包括的第一区域，根据所提取的子图像中渲染的表示文本内容的网页元素的字体大小来确定第三区域的大小，并且根据所提取的子图像中包含的第一区域的位置来确定第三区域的位置。例如，如图11所示，图11中的(c)所示的用点划线标记的区域是所确定的第三区域。

在一种实现中，CPU201可以根据以下步骤来确定第三区域的大小：

1)CPU201通过遍历所提取的子图像中渲染的所有表示文本内容的网页元素，找到具有最小字体大小的表示文本内容的网页元素；

2)CPU201通过将最小字体大小除以最小可读字体大小，来计算第二缩放因子；

3)CPU201根据第二缩放因子和网页特征图像的大小，计算第三区域的大小。

接下来，在步骤S3313，CPU201根据所确定的第三区域，从所提取的子图像中再次提取相应的子图像。再次提取的子图像是所提取的子图像的一部分。

然后，在步骤S3314，CPU201通过将再次提取的子图像缩放到网页特征图像的大小，来创建网页的相应网页特征图像。

在上述图7所示的示例性创建方法中，当创建网页特征图像时，除了电子设备101的显示因子和第一区域中渲染的表示文本内容的网页元素的实际字体大小之外，本发明还考虑第二区域中渲染的表示文本内容的网页元素的最小字体大小。由此，用户总是可以识别在根据上述图7所示的方法创建的网页特征图像上显示的所有网页内容，也就是说，在网页特征图像上显示的所有网页内容总是可读。

图8是示出根据本发明的示例性实施例的用于在web浏览器中创建网页特征图像的装置800的框图。

如图8所示，根据本发明的示例性实施例的用于在web浏览器中创建网页特征图像的装置800包括：获得单元810、确定单元820和创建单元830。

更具体来说，获得单元810被配置为获得电子设备中正在浏览的网页的图像，其中获得的图像包括至少一个第一区域，并且在第一区域中渲染的网页内容可以表示网页(对应于图3中的步骤S310)。

确定单元820被配置为在获得的图像中确定至少一个第二区域；其中，第二区域中的一个包含第一区域中的一个，根据电子设备的显示因子确定第二区域的大小，并且根据第一区域在获得的图像上的位置确定第二区域的位置(对应于图3中的步骤S320)。

创建单元830被配置为通过根据所确定的第二区域，从所获得的图像中提取至少一个子图像，来创建网页的至少一个网页特征图像(对应于图3中的步骤S330)。

装置800中的各个单元可以被配置为执行图3至图7中的流程图所示的各个步骤。

在上述方法和装置中，当创建网页特征图像时，本发明考虑电子设备101的显示因子，例如电子设备101的显示分辨率、最小可读字体大小和网页特征图像的大小，由此在创建的网页特征图像上显示的网页内容总是可读。此外，创建的网页特征图像总是包含可以表示网页的一个网页内容、即在第一区域中渲染的网页内容，由此用户总是可以容易地识别在创建的网页特征图像上显示的网页内容。并且如上所述，本发明还考虑第二区域中渲染的表示文本内容的网页元素的最小字体大小，由此在网页特征图像上显示的所有网页内容总是可读，也就是说，用户总是可以识别在网页特征图像上显示的所有网页内容。

此外，CPU201将根据上述图3至图7所示的方法或者由上述图8所示的装置800创建的网页特征图像存储在图2中的硬盘204中，用于诸如建立读取历史、生成网页书签等的后续应用。另外，CPU201还可以将在创建网页特征图像时获得的中间数据，诸如对于网页，从图3中的步骤S310中获得的网页的图像、第一区域在获得的网页的图像上的相应位置、在相应第一区域中渲染的表示文本内容的网页元素的实际字体大小等，与网页特征图像一起存储在图2中的硬盘204中。

如上所述，具有上述特征的图3至图7所示的方法和图8所示的装置可以应用于例如在web浏览器中生成网页书签的应用的各种应用。下面，详细描述应用根据本发明的用于创建网页特征图像的方法和装置的用于生成网页书签的方法和装置。

(用于生成网页书签的方法和装置)

图9是示出根据本发明的示例性实施例的用于在web浏览器中生成网页书签的方法的流程图，其中可以应用上述图3至图7所示的用于在web浏览器中创建网页特征图像的方法。

如图9所示，首先，在获取步骤S910中，当用户浏览在电子设备101的图2中的显示设备205中显示的网页时，用户可能想要生成所浏览网页的网页书签，使得其将来能够容易地再次访问该网页，因此，输入设备206获取用于生成所浏览网页的网页书签的用户输入。

其次，在创建步骤S920中，图2中的CPU201通过系统总线208接收来自输入设备205的用户输入，并且使用上述图3至图7所示的用于在web浏览器中创建网页特征图像的方法，来创建网页的至少一个网页特征图像。

然后，在生成步骤S930中，CPU201生成带有所创建的网页特征图像中的一个和网页的相关信息的网页的网页书签，其中网页的相关信息至少包括网页的URL。此外，网页的相关信息还可以包括网页的标题或者网页的摘要，其没有特别限制。

在一种实现中，对于生成网页的网页书签，CPU201根据以下步骤生成网页书签：

首先，CPU201在所创建的网页特征图像和网页的相关信息之间建立映射关系。由于网页的相关信息包括网页的URL，因此建立的映射关系可以反映所生成的网页书签的URL是什么。

其次，CPU201将所创建的网页特征图像与所建立的映射关系一起，作为网页的网页书签记录在web浏览器的网页书签列表中。

在生成网页书签之后，当用户稍后想要再次访问该网页时，其可以通过读取在网页书签上显示的网页内容来找到与该网页相对应的网页书签，并且点击它。然后，web浏览器根据所点击的网页书签内所建立的映射关系，激活相应的网页。

为了使本发明更容易理解，现在，参照图12制作根据图9所示的生成方法生成的示例性网页书签。图12所示的1200是图1中的电子设备101的web浏览器的显示界面。并且在显示界面1200中，存在web浏览器的当前网页显示区域1210以及包含地址栏1230、网页书签按钮1240、网页书签添加按钮1250和后退/前进按钮1260的工具栏1220。当用户点击网页书签按钮1240时，在当前网页显示区域1210中显示网页书签列表1270，在网页书签列表1270中显示诸如书签2和书签3等的许多生成的网页书签。

假设在当前网页显示区域1210中显示的网页是图11中的(a)所示的网页，当用户想要生成该网页的网页书签时，其可以点击网页书签添加按钮1250，然后电子设备101根据图9所示的生成方法，针对该网页生成诸如网页书签列表1270中显示的书签4的网页书签。

如图12所示，生成了4个网页书签，但是当前网页显示区域1210一次仅可以显示3个网页书签，用户可以点击后退/前进按钮1260来选择生成的网页书签。

图10是示出根据本发明的示例性实施例的用于在web浏览器中生成网页书签的装置1000的框图，其中可以作为装置1000的构成部分，来应用上述图8所示的用于在web浏览器中创建网页特征图像的装置800。

如图10所示，根据本发明的示例性实施例的用于在web浏览器中生成网页书签的装置1000包括：获取单元1010、上述图8中的用于创建网页特征图像的装置800以及生成单元1020。

更具体来说，获取单元1010被配置为获取用于生成在电子设备101中正在浏览的网页的网页书签的用户输入(对应于图9中的步骤S910)。

上述用于创建网页特征图像的装置800被配置为创建网页的至少一个网页特征图像(对应于图9中的步骤S920)。

生成单元1020被配置为生成带有一个所创建的网页特征图像和网页的相关信息的网页的网页书签(对应于图9中的步骤S930)。

装置1000中的各个装置和单元可以被配置为执行图9中的流程图所示的各个步骤。

利用上述方法和装置中，因为在所创建的网页特征图像上显示的网页内容总是可读并且总是可以容易地被识别，因此使用所创建的网页特征图像生成的网页书签总是可以使用户容易地判断相应的网页是否是目标网页。

此外，CPU201将根据上述图9所示的方法或者由上述图10所示的装置1000生成的网页书签存储在图2中的硬盘204中，用于诸如在不同电子设备之间共享网页书签等的后续应用。此外，CPU201还可以将在创建网页特征图像时获得的中间数据，诸如对于网页书签，获得的与网页书签相对应的网页的图像、第一区域在获得的网页的图像上的相应位置、在第一区域中渲染的表示文本内容的网页元素的实际字体大小等，与网页书签一起存储在图2中的硬盘204中。

对于在诸如电子设备A和电子设备B的、具有不同显示分辨率的不同电子设备之间共享网页书签，电子设备A的硬盘204存储根据上述图9所示的方法或者由上述装置1000生成的网页书签，如果用户从电子设备A到电子设备B共享网页书签，则为了确保电子设备B中的共享的网页书签总是可以使用户容易地判断相应的网页是否是目标网页，电子设备B可以通过使用电子设备B的显示因子以及与共享的网页书签一起存储的中间数据(诸如对于网页书签，获得的与网页书签相对应的网页的图像、第一区域在获得的网页的图像上的相应位置、在第一区域中渲染的表示文本内容的网页元素的实际字体大小)，根据上述图9所示的步骤S920，重新确定第二区域，并且重新创建网页的网页特征图像。

上述所有单元是示例性的，和/或是用于实现在本公开中描述的处理的优选模块。这些单元可以是硬件单元(诸如场可编程门阵列(FPGA))、数字信号处理器、专用集成电路等)和/或软件模块(诸如计算机可读程序)。上面没有穷尽地描述用于实现各个步骤的单元。然而，在存在进行特定处理的步骤的情况下，可能存在用于实现相同处理的相应功能模块或单元(由硬件和/或软件实现)。只要所描述的步骤和与这些步骤相对应的单元的所有组合构成的技术方案是完整并且可应用的，则这些技术方案包含在本申请的公开中。

此外，可以将与上述图3至图7和图9中的方法相对应的程序存储在图1中的电子设备101的、图2中的硬盘204中。

此外，如果上述由各个单元构成的图8中的装置800和/或图10中的装置1000部分或全部由软件构成，则可以将其存储在图1中的电子设备101的、图2中的硬盘204中。在另一方面，如果上述图8中的装置800和/或图10中的装置1000部分或全部由硬件或固件构成，则只要在电子设备中需要创建网页特征图像并生成网页书签，就可以将其作为功能模块包含到电子设备101中。当然，除了该装置800或1000之外，电子设备101还具有其它硬件或软件部件。

如上所述，根据本发明的方法和装置适用于各种浏览器以及具有在web浏览器中打开多个网页并且在它们之间进行切换的功能的各种应用或各种设备。

可以以许多方式执行本发明的方法和装置。例如，可以通过软件、硬件、固件或者其任意组合，来执行本发明的方法和装置。上述方法的步骤的顺序仅旨在是说明性的，除非另外具体指出，否则本发明的方法的步骤不局限于上面具体描述的顺序。此外，在一些实施例中，本发明还可以体现为记录在记录介质中的、包括用于实现根据本发明的方法的机器可读指令的程序。因此，本发明还覆盖存储用于实现根据本发明的方法的程序的记录介质。

虽然使用示例详细阐述了本发明的一些具体实施例，但是本领域技术人员应当理解，上面的示例仅旨在是说明性的，而不限制本发明的范围。本领域技术人员应当理解，可以对上面的实施例进行变型，而不脱离本发明的范围和精神。本发明的范围由所附权利要求限定。

Claims (22)

1.一种用于创建网页特征图像的方法，其包括：

获得步骤，获得电子设备中正在浏览的网页的图像，其中，所获得的图像包括至少一个第一区域，并且在所述第一区域中渲染的网页内容能够表示所述网页；

确定步骤，在所获得的图像中确定至少一个第二区域；其中，所述第二区域中的一个包含所述第一区域中的一个，根据所述电子设备的显示因子确定所述第二区域的大小，并且根据所述第一区域在所获得的图像上的位置确定所述第二区域的位置；以及

创建步骤，通过根据所确定的第二区域，从所获得的图像中提取至少一个子图像，来创建所述网页的至少一个网页特征图像。

2.根据权利要求1所述的方法，其中，所述获得步骤包括：

从所述网页中确定所述第一区域中的至少一个；以及

捕获在所述电子设备的当前网页显示区域中显示的所述网页的截图，作为所述网页的所述图像，其中所述第一区域中的至少一个包含在所述当前网页显示区域中。

3.根据权利要求2所述的方法，其中，从所述网页中确定所述第一区域中的至少一个的步骤包括：

获得能够标识所述网页的信息，其中能够从所述网页的标题获得所述信息，和/或能够从超链接获得所述信息，当所述网页通过所述超链接打开时；

根据表示文本内容的网页元素和所获得的信息之间的相关系数，从所述网页中渲染的所有表示文本内容的网页元素中，检索至少一个表示文本内容的网页元素；以及

将检索到的表示文本内容的网页元素的渲染区域记录为所述第一区域，其中所述表示文本内容的网页元素中的一个对应于所述渲染区域中的一个，并且所述渲染区域中的一个对应于所述第一区域中的一个。

4.根据权利要求1所述的方法，其中，所述显示因子包括：

所述电子设备的显示分辨率；

所述电子设备的最小可读字体大小，其中能够根据所述显示分辨率来确定所述最小可读字体大小；和/或

所述电子设备的所述网页特征图像的大小。

5.根据权利要求4所述的方法，其中，为了确定一个第二区域，所述确定步骤包括：

从所述第一区域中的至少一个中取得一个第一区域；

获得在所取得的第一区域中渲染的所述表示文本内容的网页元素的实际字体大小；

根据所述最小可读字体大小和所述实际字体大小，计算所述第二区域的大小；

根据所取得的第一区域在所获得的图像上的位置，确定所述第二区域的位置；以及

根据所计算的所述第二区域的大小和所确定的所述第二区域的位置，在所获得的图像中确定所述第二区域。

6.根据权利要求5所述的方法，其中，所取得的第一区域的大小在所述第一区域中的所述至少一个中最小。

7.根据权利要求5所述的方法，其中，根据所述最小可读字体大小和所述实际字体大小计算所述第二区域的大小的步骤包括：

通过将所述实际字体大小除以所述最小可读字体大小，计算第一缩放因子；以及

根据所述第一缩放因子和所述网页特征图像的大小，计算所述第二区域的大小。

8.根据权利要求5或6所述的方法，其中，为了创建一个网页特征图像，所述创建步骤包括：

根据所确定的第二区域，从所获得的图像中提取所述子图像；以及

通过将所提取的子图像缩放到所述网页特征图像的大小，来创建所述网页的所述网页特征图像。

9.根据权利要求5或6所述的方法，其中，为了创建一个网页特征图像，所述创建步骤包括：

根据所确定的第二区域，从所获得的图像中提取所述子图像；

在所提取的子图像中确定第三区域；其中，所述第三区域包含所提取的子图像中包含的所述第一区域，根据所提取的子图像中渲染的表示文本内容的网页元素的字体大小来确定所述第三区域的大小，并且根据所提取的子图像中包含的所述第一区域的位置来确定所述第三区域的位置；

根据所确定的第三区域，从所提取的子图像再次提取子图像；以及

通过将再次提取的子图像缩放到所述网页特征图像的大小，来创建所述网页的所述网页特征图像。

10.根据权利要求9所述的方法，其中，通过以下步骤来确定所述第三区域的大小：

通过遍历所提取的子图像中渲染的所有表示文本内容的网页元素，找到具有最小字体大小的表示文本内容的网页元素；

通过将所述最小字体大小除以所述最小可读字体大小，来计算第二缩放因子；

根据所述第二缩放因子和所述网页特征图像的大小，计算所述第三区域的大小。

11.一种用于生成网页书签的方法，其包括：

获取步骤，获取用于针对电子设备中正在浏览的网页生成网页书签的用户输入；

创建步骤，根据权利要求1至10中的任一项所述的方法，创建所述网页的至少一个网页特征图像；以及

生成步骤，针对所述网页生成带有所创建的网页特征图像中的一个和所述网页的相关信息的所述网页书签，其中所述网页的所述相关信息至少包括所述网页的统一资源定位符。

12.一种用于创建网页特征图像的装置，其包括：

获得单元，被配置为获得电子设备中正在浏览的网页的图像，其中所获得的图像包括至少一个第一区域，并且在所述第一区域中渲染的网页内容能够表示所述网页；

确定单元，被配置为在所获得的图像中确定至少一个第二区域；其中所述第二区域中的一个包含所述第一区域中的一个，根据所述电子设备的显示因子确定所述第二区域的大小，并且根据所述第一区域在所获得的图像上的位置确定所述第二区域的位置；以及

创建单元，被配置为通过根据所确定的第二区域，从所获得的图像中提取至少一个子图像，来创建所述网页的至少一个网页特征图像。

13.根据权利要求12所述的装置，其中，所述获得单元包括：

被配置为从所述网页中确定所述第一区域中的至少一个的单元；以及

被配置为捕获在所述电子设备的当前网页显示区域中显示的所述网页的截图，作为所述网页的所述图像的单元，其中所述第一区域中的至少一个包含在所述当前网页显示区域中。

14.根据权利要求13所述的装置，其中，所述被配置为从所述网页中确定所述第一区域中的至少一个的单元包括：

被配置为获得能够标识所述网页的信息的单元，其中能够从所述网页的标题获得所述信息，和/或能够从超链接获得所述信息，当所述网页通过所述超链接打开时；

被配置为根据表示文本内容的网页元素和所获得的信息之间的相关系数，从所述网页中渲染的所有表示文本内容的网页元素中，检索至少一个表示文本内容的网页元素的单元；以及

被配置为将检索到的所述表示文本内容的网页元素的渲染区域记录为所述第一区域的单元，其中所述表示文本内容的网页元素中的一个对应于所述渲染区域中的一个，并且所述渲染区域中的一个对应于所述第一区域中的一个。

15.根据权利要求12所述的装置，其中，所述显示因子包括：

所述电子设备的显示分辨率；

所述电子设备的最小可读字体大小，其中能够根据所述显示分辨率来确定所述最小可读字体大小；和/或

所述电子设备的所述网页特征图像的大小。

16.根据权利要求15所述的装置，其中，所述确定单元包括：

被配置为为了确定一个第二区域，从所述第一区域中的所述至少一个中取得一个第一区域的单元；

被配置为获得在所取得的第一区域中渲染的表示文本内容的网页元素的实际字体大小的单元；

被配置为根据所述最小可读字体大小和所述实际字体大小，计算所述第二区域的大小的单元；

被配置为根据所取得的第一区域在所获得的图像上的位置，确定所述第二区域的位置的单元；以及

被配置为根据所计算的所述第二区域的大小和所确定的所述第二区域的位置，在所获得的图像中确定所述第二区域的单元。

17.根据权利要求16所述的装置，其中，所取得的第一区域的大小在所述第一区域中的所述至少一个中最小。

18.根据权利要求16所述的装置，其中，所述被配置为根据所述最小可读字体大小和所述实际字体大小，计算所述第二区域的大小的单元包括：

被配置为通过将所述实际字体大小除以所述最小可读字体大小计算第一缩放因子的单元；以及

被配置为根据所述第一缩放因子和所述网页特征图像的大小，计算所述第二区域的大小的单元。

19.根据权利要求16或17所述的装置，其中，所述创建步骤包括：

被配置为根据所确定的第二区域，从所获得的图像中提取子图像的单元；以及

被配置为通过将所提取的子图像缩放到所述网页特征图像的大小，来创建所述网页的所述网页特征图像的单元。

20.根据权利要求16或17所述的装置，其中，所述创建步骤包括：

被配置为根据所确定的第二区域，从所获得的图像中提取子图像的单元；

被配置为在所提取的子图像中确定第三区域的单元；其中所述第三区域包含所提取的子图像中包含的所述第一区域，根据所提取的子图像中渲染的表示文本内容的网页元素的字体大小来确定所述第三区域的大小，并且根据所提取的子图像中包含的所述第一区域的位置来确定所述第三区域的位置；

被配置为根据所确定的第三区域，从所提取的子图像再次提取子图像的单元；以及

被配置为通过将再次提取的子图像缩放到所述网页特征图像的大小，来创建所述网页的所述网页特征图像的单元。

21.根据权利要求20所述的装置，其中，通过如下来确定所述第三区域的大小：

通过遍历所提取的子图像中渲染的所有表示文本内容的网页元素，找到具有最小字体大小的所述表示文本内容的网页元素；

通过将所述最小字体大小除以所述最小可读字体大小，来计算第二缩放因子；

根据所述第二缩放因子和所述网页特征图像的大小，计算所述第三区域的大小。

22.一种用于生成网页书签的装置，该装置包括：

获取单元，被配置为获取用于针对电子设备中正在浏览的网页生成网页书签的用户输入；

根据权利要求12至21中的任一项所述的用于创建网页特征图像的装置，被配置为创建所述网页的至少一个网页特征图像；以及

生成单元，被配置为针对所述网页生成带有所创建的网页特征图像中的一个和所述网页的相关信息的所述网页书签。