CN103246678B - 一种网页内容预览方法和装置 - Google Patents

Abstract

本发明公开了一种网页内容预览方法和装置，该方法包括：服务器接收终端发送的网页预览指令，所述网页预览指令中携带有目标网页的标识；所述服务器根据所述目标网页的标识获取目标网页的截图；所述服务器将所述截图发送给所述终端，以供所述终端显示所述截图的缩略图，并根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。采用本发明提供的方法，可以降低网页浏览过程中对网络资源的占用。

Description

一种网页内容预览方法和装置

技术领域

本发明涉及网络技术领域，特别涉及一种网页内容预览方法和装置。

背景技术

随着互联网技术的发展，网页浏览器已经成为了人们日常工作生活中最常用的工具。在频繁的网页浏览过程中，如果对每个网页都通过链接打开再浏览其中的内容，网页加载的过程必将浪费大量的时间，并占用大量的网络资源。网页内容预览可以非常有效的提高人们浏览网页的效率。

网页内容预览的功能最常应用于搜索引擎中，当用户在搜索引擎上的查询框中输入搜索关键词后，搜索引擎会返回内容与搜索关键词最接近的网页查询结果列表，并在列表中提供了各网页中与搜索关键词相关内容的摘要作为网页内容预览。用户可以根据摘要从这个列表中选择最符合自己要求的网页链接，并点击相应的网页链接进入该网页。

然而，发明人发现现有技术至少存在如下问题：现有技术提供的网页内容预览通常是以摘要的形式呈现给用户的，这种方法仅能提供网页的部分信息，用户不能够看到目标网页的全貌，这将导致用户最终选择打开的网页与用户的需求偏差较大，用户会更多次的选择打开更多的网页，这将降低用户的网页浏览效率，并占用大量的网络资源。

发明内容

本发明的目的在于提供一种网页内容预览方法和装置，以降低网页浏览过程中对网络资源的占用，为此，本发明实施例采用如下技术方案：

一种网页内容预览方法，其特征在于，包括：

服务器接收终端发送的网页预览指令，所述网页预览指令中携带有目标网页的标识；

所述服务器根据所述目标网页的标识获取目标网页的截图；

所述服务器将所述截图发送给所述终端，以供所述终端显示所述截图的缩略图，并根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

一种网页内容预览方法，其特征在于，包括：

终端向服务器发送网页预览指令，所述网页预览指令中携带有目标网页的标识，以供所述服务器根据所述目标网页的标识获取目标网页的截图；

所述终端接收服务器发送的所述截图；

所述终端显示所述截图的缩略图；

所述终端根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

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

接收模块，用于接收终端发送的网页预览指令，所述网页预览指令中携带有目标网页的标识；

获取模块，用于根据所述目标网页的标识获取目标网页的截图；

发送模块，用于将所述截图发送给所述终端，以供所述终端显示所述截图的缩略图，并根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

一种终端，其特征在于，包括：

发送模块，用于向服务器发送网页预览指令，所述网页预览指令中携带有目标网页的标识，以供所述服务器根据所述目标网页的标识获取目标网页的截图；

接收模块，用于接收服务器发送的所述截图；

显示模块，用于显示所述截图的缩略图；

截取模块，用于根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

本发明的上述实施例，服务器接收终端发送的携带有目标网页的标识的网页预览指令，根据所述目标网页的标识获取目标网页的截图，并将所述截图发送给所述终端，所述终端显示所述截图的缩略图，并根据鼠标光标在所述缩略图中的位置，截取所述截图中与选择的位置对应的网页区域进行显示，以降低网页浏览过程中对网络资源的占用。

附图说明

图1为本发明实施例提供的网页内容预览方法的流程示意图；

图2为本发明实施例提供的网页内容预览方法的终端显示方式的示意图；

图3为本发明实施例提供的网页内容预览方法在网页搜索应用中终端显示的效果图；

图4为本发明实施例提供的网页内容预览方法的终端显示流程的示意图；

图5为本发明实施例提供的网页内容预览方法的服务器处理流程的示意图；

图6为本发明实施例提供的服务器的结构示意图；

图7为本发明实施例提供的终端的结构示意图。

具体实施方式

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

本发明实施例，服务器接收终端发送的携带有目标网页的标识的网页预览指令，根据所述目标网页的标识获取目标网页的截图，并将所述截图发送给所述终端，所述终端显示所述截图的缩略图，并根据鼠标光标在所述缩略图中的位置，截取所述截图中与选择的位置对应的网页区域进行显示，从而可以降低网页浏览过程中对网络资源的占用。

如图1所示，为本发明实施例提供的网页内容预览方法的流程，具体包括以下步骤：

步骤101，服务器接收终端发送的网页预览指令，网页预览指令中携带有目标网页的标识。

在具体的应用中，服务器可以在网页中设置的URL（Uniform Resource Locator，统一资源定位符，也被称为网页地址）链接位置附近设置“预览”按钮，用户在终端点击该“预览”按钮，终端则会向服务器发送网页预览指令，在网页预览指令中，可以携带目标网页的标识（如目标网页的地址）。

在网页搜索的应用场景中，用户首先会在搜索引擎中输入搜索关键词，并通过终端将搜索关键词发送给服务器，然后服务器会将网页搜索结果列表返回给终端，用户在网页搜索结果列表中进行筛选浏览的过程中，可以使用列表中的预览功能向服务器发送网页预览指令。

步骤102，服务器根据目标网页的标识获取该目标网页的截图。其中，截图为与目标网页尺寸相同的截图，或者是与目标网页的尺寸比大于预设比例阈值（如，80%）的截图，大于比例阈值的目的是为了使一般用户通过肉眼可以看清图片中的文字等信息。

服务器获取目标网页的截图的具体方法可以是：

步骤一，服务器根据目标网页的标识，判断本地是否存储有所述目标网页的截图，如果是则执行步骤二，否则执行步骤三。

在具体实施中，在服务器端可以设置网页截图数据库，对各网页的截图进行存储，以减少重复生成网页截图带来的资源浪费，并提高网页截图的获取速度。

步骤二，服务器获取本地存储的目标网页的截图。

具体的，在服务器本地存储有目标网页的截图的情况下，服务器则可以直接从本地获取该网页的截图。

步骤三，服务器根据目标网页的标识下载目标网页，并生成目标网页的截图。

服务器下载目标网页的具体方法可以是：

服务器根据目标网页的标识，判断本地是否存储有目标网页的网页快照，如果是，则可以根据目标网页的网页快照下载目标网页，否则，可以按照预设规则根据目标网页的标识下载该目标网页。服务器可以设置网页快照数据库，用于存储各网页的网页快照。在下载目标网页的过程中，服务器如果在网页快照数据库中查找到与目标网页标识对应的网页快照，则可以利用该网页快照下载网页信息中其余的部分，而获取完整的目标网页，这样相对于下载全部网页信息可以减少信息的下载量以提高效率减少资源浪费；如果在网页快照数据库中没有查找到与目标网页标识对应的网页快照，服务器则可以按照预设规则下载目标网页，此预设规则可以是统一设置的常规下载规则，也可以是其他特定的下载规则。

直接从目标网页的标识下载该目标网页。

在网页搜索的应用场景中，考虑到搜索关键词的存在，可以在目标网页截图中对搜索关键词进行标注，相应的网页截图数据库则可以针对同一个网页将带有不同搜索关键词标注的截图与搜索关键词对应的存储。服务器获取目标网页的截图的具体过程可以是：

步骤一，服务器根据目标网页的标识和搜索关键词，判断本地是否存储有带有该搜索关键词标注的该目标网页的截图，如果是，则执行步骤二，否则，执行步骤三。

步骤二，服务器获取本地存储的带有该搜索关键词标注的所述目标网页的截图。

步骤三，服务器根据目标网页的标识下载该目标网页，根据搜索关键词对目标网页进行标注，并生成带有该搜索关键词标注的目标网页的截图。

服务器下载目标网页的方法上面已经叙述，在此不做累述。

具体的根据搜索关键词对目标网页进行标注的方法可以是以下方法中的一种或多种：

（1）改变搜索关键词的颜色，将搜索关键词的字体颜色修改为较为醒目的颜色，如红色。

（2）对搜索关键词的底色采取高亮处理，即将搜索关键词的底色修改为较为醒目的颜色，如黄色。

（3）对搜索关键词密度较高（大于预设阈值）的区域（该区域可以以段为单位，也可以以划分的显示区域为单位），进行加注透明色块或画框等处理。在同一个网页中搜索关键词密度较高的区域可以是一个或多个。

优选的，在生成相应的截图之后，服务器还可以对生成的截图进行保存，也可以将截图和缩略图共同保存。

步骤103，服务器将获取到的截图发送给终端。

在执行完步骤102之后，即服务器获取到目标网页的截图后，还可以生成该截图的缩略图，并将此截图的缩略图也发送给所述终端。另外，服务器也可以将缩略图和截图对应的存储在网页截图数据库中，在获取截图的过程中同时获取对应的缩略图。

步骤104，终端显示目标网页截图的缩略图，并根据用户在缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

具体的，终端可以生成所接收到的目标网页截图的缩略图，也可以直接接收服务器发送来的目标网页截图的缩略图。然后，终端显示目标网页的缩略图，供用户初步预览，用户可以通过鼠标、触摸屏等方式在缩略图中选择在目标网页中自己比较关注的区域。具体的，鼠标光标的位置、鼠标点击位置或触摸屏被触摸的位置可以作为用户在缩略图中选择的位置。

优选的，服务器可以预先设置缩略图中位置与网页区域的对应关系并发送给终端。终端可以根据用户在缩略图中选择的位置，以及服务器设置的缩略图中位置与网页区域的对应关系，确定用户在缩略图中选择的位置对应的网页区域；在截图中截取该网页区域的图像进行显示。

具体的，用户选择的位置对应的网页区域可以是，该位置为中心的预设尺寸、预设形状（如矩形）的区域。

图2所示为本发明实施例提供的网页内容预览方法的一种终端显示方式的示意图，终端的屏幕显示主要包括A、B、C三部分。

A部分，显示的是目标网页的缩略图。当用户触发某目标网页的预览时，在屏幕右侧显示目标网页的缩略图片。

B部分，是缩略图中搜索关键词密度较高的区域，对这样的区域画框并加注透明色块，缩略图中可能不止有一个这样的区域。

C部分，显示的是鼠标光标移动到A区域某位置的放大显示内容，用户可以从C处更加清楚地看到鼠标光标所在位置对应的网页区域的详细内容。

图3所示为本发明实施例提供的网页内容预览方法在网页搜索应用过程中的效果图。用户触发了搜索结果中的某一网页的预览功能，图的右边显示了该网页的缩略图，此时，用户的鼠标光标放在缩略图的中上方位置，而在缩略图的左上方显示的是鼠标所在位置的放大的详细信息。

本发明的上述实施例，服务器接收终端发送的携带有目标网页的标识的网页预览指令，根据所述目标网页的标识获取目标网页的截图，并将所述截图发送给所述终端，所述终端显示所述截图的缩略图，并根据鼠标光标在所述缩略图中的位置，截取所述截图中与该位置对应的网页区域进行显示，以降低网页浏览过程中对网络资源的占用。

如图4所示，为本发明实施例提供的网页内容预览方法在具体的应用场景中终端显示的处理流程，具体包括以下步骤：

步骤401，终端将用户输入的搜索关键词发送给服务器，并显示服务器返回的搜索结果列表。

步骤402，用户在搜索结果列表中选择目标网页并点击预览功能，终端接收用户的点击指令，并将目标网页的标识携带于网页预览指令中发送给服务器。

步骤403，服务器返回目标网页的截图和缩略图。

步骤404，终端显示目标网页的缩略图，并根据鼠标光标在缩略图中的位置，显示目标网页的截图中对应的网页区域。

如图5所示，为本发明实施例提供的网页内容预览方法，服务器侧的处理流程，具体包括以下步骤：

步骤501，服务器接收终端发送的目标网页截图和缩略图获取请求（网页预览指令）。当用户触发了目标网页的预览功能后，终端向服务器发送目标网页缩略图和截图请求。该请求中可以携带目标网页的标识和搜索关键词。

步骤502，服务器在网页截图数据库中查询是否存储有带有搜索关键词标注的目标网页截图和缩略图，若存在，则执行步骤503，否则执行步骤504。

步骤503，服务器将网页截图数据库中存储的目标网页截图和缩略图发送给终端。

步骤504，服务器在网页快照数据库中查询目标网页的网页快照，若存在，则根据该网页快照下载目标网页，否则按照常规下载规则根据目标网页的标识（如URL）下载目标网页。

步骤505，服务器对目标网页进行搜索关键字标注。

步骤506，服务器根据搜索关键字标注目标网页，生成对应的截图和缩略图，并发送给终端，也将生成的截图和缩略图保存到网页截图数据库中。

本发明的上述实施例，服务器接收终端发送的携带有目标网页的标识的网页预览指令，根据所述目标网页的标识获取目标网页的截图和所述截图的缩略图，并将所述截图和所述缩略图发送给所述终端，所述终端显示所述缩略图，并根据鼠标光标在所述缩略图中的位置，截取所述截图中与选择的位置对应的网页区域进行显示，以降低网页浏览过程中对网络资源的占用。

基于相同的技术构思，本发明实施例还提供了一种服务器，如图6所示，该服务器可以包括：

接收模块610，用于接收终端发送的网页预览指令，所述网页预览指令中携带有目标网页的标识；

获取模块620，用于根据所述目标网页的标识获取目标网页的截图；

发送模块630，用于将所述截图发送给所述终端，以供所述终端显示所述截图的缩略图，并根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

优选的，所述获取模块620，具体用于：

根据所述目标网页的标识，判断本地是否存储有所述目标网页的截图；

如果是，则获取本地存储的所述目标网页的截图；

否则，根据所述目标网页的标识下载所述目标网页，并生成所述目标网页的截图。

优选的，所述接收模块610，还用于接收终端发送的搜索关键词；

所述620获取模块，具体用于：

根据所述目标网页的标识和所述搜索关键词，判断本地是否存储有带有该搜索关键词标注的所述目标网页的截图；

如果是，则获取本地存储的带有该搜索关键词标注的所述目标网页的截图；

否则，根据所述目标网页的标识下载所述目标网页，根据所述搜索关键词对目标网页进行标注，并生成带有该搜索关键词标注的所述目标网页的截图。

优选的，所述获取模块620，具体用于：

根据所述目标网页的标识，判断本地是否存储有所述目标网页的网页快照，如果是，则根据所述目标网页的网页快照下载所述目标网页，否则，按照预设规则根据所述目标网页的标识下载所述目标网页。

优选的，还包括：

存储模块640，用于保存生成的截图。

优选的，还包括：

生成模块650，用于生成所述截图的缩略图，并将所述截图的缩略图发送给所述终端。

基于相同的技术构思，本发明实施例还提供了一种终端，如图7所示，该终端可以包括：

发送模块710，用于向服务器发送网页预览指令，所述网页预览指令中携带有目标网页的标识，以供所述服务器根据所述目标网页的标识获取目标网页的截图；

接收模块720，用于接收服务器发送的所述截图；

显示模块730，用于显示所述截图的缩略图；

截取模块740，用于根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示。

优选的，所述接收模块720，还用于接收所述服务器设置的缩略图中位置与网页区域的对应关系；

所述截取模块740，具体用于：根据所述服务器设置的缩略图中位置与网页区域的对应关系，确定用户在所述缩略图中选择的位置对应的网页区域；在所述截图中截取所述网页区域的图像进行显示。

优选的，所述接收模块720，还用于：

接收所述服务器发送的所述截图的缩略图。

优选的，所述显示模块730，具体用于：

生成所述截图的缩略图；

显示生成的缩略图。

本发明的上述实施例，服务器接收终端发送的携带有目标网页的标识的网页预览指令，根据所述目标网页的标识获取目标网页的截图和所述截图的缩略图，并将所述截图和所述缩略图发送给所述终端，所述终端显示所述缩略图，并根据鼠标光标在所述缩略图中的位置，截取所述截图中与选择的位置对应的网页区域进行显示，以降低网页浏览过程中对网络资源的占用。

本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中，也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台终端设备（可以是手机，个人计算机，服务器，或者网络设备等）执行本发明各个实施例所述的方法。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视本发明的保护范围。

Claims (20)

1.一种网页内容预览方法，其特征在于，包括：

服务器接收终端发送的网页预览指令，所述网页预览指令中携带有目标网页的标识；

所述服务器根据所述目标网页的标识获取目标网页的截图；

所述服务器将所述截图发送给所述终端，以供所述终端显示所述截图的缩略图，并根据用户在所述缩略图中选择的位置，以及所述服务器设置的所述缩略图中位置与网页区域的对应关系，确定所述用户在所述缩略图中选择的所述位置对应的所述网页区域，并截取所述截图中与选择的位置对应的所述网页区域进行显示。

2.如权利要求1所述的方法，其特征在于，所述服务器根据所述目标网页的标识获取目标网页的截图，具体为：

所述服务器根据所述目标网页的标识，判断本地是否存储有所述目标网页的截图；

如果是，则获取本地存储的所述目标网页的截图；

否则，根据所述目标网页的标识下载所述目标网页，并生成所述目标网页的截图。

3.如权利要求1所述的方法，其特征在于，所述服务器接收终端发送的网页预览指令之前，还包括：所述服务器接收终端发送的搜索关键词；

所述服务器根据所述目标网页的标识获取目标网页的截图，具体为：

所述服务器根据所述目标网页的标识和所述搜索关键词，判断本地是否存储有带有该搜索关键词标注的所述目标网页的截图；

如果是，则获取本地存储的带有该搜索关键词标注的所述目标网页的截图；

否则，根据所述目标网页的标识下载所述目标网页，根据所述搜索关键词对目标网页进行标注，并生成带有该搜索关键词标注的所述目标网页的截图。

4.如权利要求2或3所述的方法，其特征在于，所述服务器根据所述目标网页的标识下载所述目标网页，具体为：

所述服务器根据所述目标网页的标识，判断本地是否存储有所述目标网页的网页快照，如果是，则根据所述目标网页的网页快照下载所述目标网页，否则，按照预设规则根据所述目标网页的标识下载所述目标网页。

5.如权利要求2或3所述的方法，其特征在于，还包括：

所述服务器保存生成的截图。

6.如权利要求1所述的方法，其特征在于，还包括：

所述服务器生成所述截图的缩略图，并将所述截图的缩略图发送给所述终端。

7.一种网页内容预览方法，其特征在于，包括：

终端向服务器发送网页预览指令，所述网页预览指令中携带有目标网页的标识，以供所述服务器根据所述目标网页的标识获取目标网页的截图；

所述终端接收服务器发送的所述截图；

所述终端显示所述截图的缩略图；

所述终端根据用户在所述缩略图中选择的位置，以及所述服务器设置的所述缩略图中位置与网页区域的对应关系，确定所述用户在所述缩略图中选择的所述位置对应的所述网页区域，并截取所述截图中与选择的位置对应的所述网页区域进行显示。

8.如权利要求7所述的方法，其特征在于，

还包括：所述终端接收所述服务器设置的缩略图中位置与网页区域的对应关系；

所述终端根据用户在所述缩略图中选择的位置，截取所述截图中与选择的位置对应的网页区域进行显示，具体为：所述终端根据所述服务器设置的缩略图中位置与网页区域的对应关系，确定用户在所述缩略图中选择的位置对应的网页区域；在所述截图中截取所述网页区域的图像进行显示。

9.如权利要求7所述的方法，其特征在于，还包括：

所述终端接收所述服务器发送的所述截图的缩略图。

10.如权利要求7所述的方法，其特征在于，所述终端显示所述截图的缩略图，具体为：

所述终端生成所述截图的缩略图；

所述终端显示生成的缩略图。

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

接收模块，用于接收终端发送的网页预览指令，所述网页预览指令中携带有目标网页的标识；

获取模块，用于根据所述目标网页的标识获取目标网页的截图；

发送模块，用于将所述截图发送给所述终端，以供所述终端显示所述截图的缩略图，并根据用户在所述缩略图中选择的位置，以及所述服务器设置的所述缩略图中位置与网页区域的对应关系，确定所述用户在所述缩略图中选择的所述位置对应的所述网页区域，并截取所述截图中与选择的位置对应的所述网页区域进行显示。

12.如权利要求11所述的服务器，其特征在于，所述获取模块，具体用于：

根据所述目标网页的标识，判断本地是否存储有所述目标网页的截图；

如果是，则获取本地存储的所述目标网页的截图；

否则，根据所述目标网页的标识下载所述目标网页，并生成所述目标网页的截图。

13.如权利要求11所述的服务器，其特征在于，所述接收模块，还用于接收终端发送的搜索关键词；

所述获取模块，具体用于：

根据所述目标网页的标识和所述搜索关键词，判断本地是否存储有带有该搜索关键词标注的所述目标网页的截图；

如果是，则获取本地存储的带有该搜索关键词标注的所述目标网页的截图；

否则，根据所述目标网页的标识下载所述目标网页，根据所述搜索关键词对目标网页进行标注，并生成带有该搜索关键词标注的所述目标网页的截图。

14.如权利要求12或13所述的服务器，所述获取模块，具体用于：

根据所述目标网页的标识，判断本地是否存储有所述目标网页的网页快照，如果是，则根据所述目标网页的网页快照下载所述目标网页，否则，按照预设规则根据所述目标网页的标识下载所述目标网页。

15.如权利要求12或13所述的服务器，其特征在于，还包括：

存储模块，用于保存生成的截图。

16.如权利要求11所述的服务器，其特征在于，还包括：

生成模块，用于生成所述截图的缩略图，并将所述截图的缩略图发送给所述终端。

17.一种终端，其特征在于，包括：

发送模块，用于向服务器发送网页预览指令，所述网页预览指令中携带有目标网页的标识，以供所述服务器根据所述目标网页的标识获取目标网页的截图；

接收模块，用于接收服务器发送的所述截图；

显示模块，用于显示所述截图的缩略图；

截取模块，用于根据用户在所述缩略图中选择的位置，以及所述服务器设置的缩略图中位置与网页区域的对应关系，确定所述用户在所述缩略图中选择的所述位置对应的所述网页区域，并截取所述截图中与选择的位置对应的所述网页区域进行显示。

18.如权利要求17所述的终端，其特征在于，所述接收模块，还用于接收所述服务器设置的缩略图中位置与网页区域的对应关系；

所述截取模块，具体用于：根据所述服务器设置的缩略图中位置与网页区域的对应关系，确定用户在所述缩略图中选择的位置对应的网页区域；在所述截图中截取所述网页区域的图像进行显示。

19.如权利要求17所述的终端，其特征在于，所述接收模块，还用于：

接收所述服务器发送的所述截图的缩略图。

20.如权利要求17所述的终端，其特征在于，所述显示模块，具体用于：

生成所述截图的缩略图；

显示生成的缩略图。