CN103870601B - 一种标识和突出显示网页内容的方法及装置 - Google Patents

Abstract

本发明涉及网页显示相关技术领域，特别是一种标识和突出显示网页内容的方法及装置，方法包括：响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；在所述网页上插入用于构成蒙板的网页元素；响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。本发明通过采用在网页上加载蒙板标识和显示网页内容中的兴趣点。克服了现有技术的缺陷，能够标识在视觉呈现上相邻但结构不相邻网页元素为一个兴趣点，也能够标识单一内容的局部为兴趣点。

Description

一种标识和突出显示网页内容的方法及装置

技术领域

本发明涉及网页显示相关技术领域，特别是一种标识和突出显示网页内容的方法及装置。

背景技术

用户在浏览网页时，常常会对网页上部分内容感兴趣（本文此后部分将这样的区域称为兴趣点），通常希望能够将兴趣点标识（圈划、标注）出来，收藏或分享给他人，使自己或他人访问此网页时，能发现该兴趣点。

目前，为达到这一目的，常使用的方法有：

1.截图工具：使用截图工具，将屏幕上显示的网页中兴趣点的部分截图，然后保存或分享。缺点：无法在用户再次访问，或他人访问该网页时，在网页内指出该兴趣点。

2.浏览器：通过内置菜单/工具，或者插件，提供标注功能，使得用户在浏览网页时，能够选择感兴趣的部分作为兴趣点。标注功能会改变兴趣点区域在网页上的显示方式，使其有别于周围内容，同时也会存储将此兴趣点所在网页的URL，和此兴趣点在网页内的位置信息，以便以后加载该网页时，能够显示此兴趣点。其缺点在于兴趣点的标识和显示方式：

a)兴趣点的标识有限制

i.只能够选择按照网页DOM的组织方式，选择临近、连续的部分作为一个兴趣点，无法跳跃。很多时候，呈现在浏览者眼前相邻的内容，在文件对象模型（Document ObjectModel，简称DOM）上并不相邻。此时，现有方法无法把这样相邻的内容精确标识为一个兴趣点，用户要么将其标识为多个兴趣点，要么忍受兴趣点中夹杂入不相干的内容，参考图1、图2。

ii.无法将单一内容（如图片）的部分标识为兴趣点，参考图3。

b)兴趣点的显示不够直接、突出。现有方法通过改变兴趣点部分在网页上的样式，使其从周围内容中凸显出来。这样的显示方式在用户目的为浏览源网页时比较有效，能够在浏览中，提示其可能的重点—兴趣点。

然而，如果用户浏览目的本身就是查看兴趣点，现有方法对兴趣点的显示则不够直接和突出，用户需要自行在源网页上去辨识、查找、定位兴趣点。当源网页内容繁杂，或内容较长需要滚动屏幕时，这样的定位效率很低。并且，当用户浏览兴趣点时，周围的内容对用户的认知形成较多干扰，不利于集中注意力观察兴趣点。

d)兴趣点本身无法直接导航。现有方法兴趣点仅能在加载源网页时显示，其本身缺少URL，不可直接导航访问。

发明内容

基于此，有必要针对现有技术对兴趣点的标识不自由，显示不直接，导致用户辨识、查找和定位不方便的技术问题，提供一种标识和突出显示网页内容的方法及装置。

一种标识和突出显示网页内容的方法，包括：

网页显示步骤，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；

蒙板构成步骤，在所述网页上插入用于构成蒙板的网页元素；

兴趣点标识保存步骤，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。

一种标识和突出显示网页内容的装置，包括：

网页显示模块，用于响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；

蒙板构成模块，用于在所述网页上插入用于构成蒙板的网页元素；

兴趣点标识保存模块，用于响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。

本发明通过采用在网页上加载蒙板标识和显示网页内容中的兴趣点。克服了现有技术的缺陷，能够标识在视觉呈现上相邻但结构不相邻网页元素为一个兴趣点，也能够标识单一内容的局部为兴趣点。

附图说明

图1为现有技术无法标识视觉相邻内容为兴趣点示意图；

图2为现有技术无法标识视觉相邻内容为兴趣点的源代码示意图；

图3为现有技术兴趣点无法选择单一元素局部为兴趣点示意图；

图4为本发明一种标识和突出显示网页内容的方法的工作流程图；

图5为利用蒙板突出显示兴趣点示意图；

图6为本发明一种标识和突出显示网页内容的装置的结构示意图。

具体实施方式

下面结合附图和具体实施例对本发明做进一步详细的说明。

如图4所示为本发明一种标识和突出显示网页内容的方法的工作流程图，包括：

网页显示步骤S401，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；

蒙板构成步骤S402，在所述网页上插入用于构成蒙板的网页元素；

兴趣点标识保存步骤S403，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。

本发明适用于有指点式或触摸式设备或者鼠标输入设备的计算设备，在计算设备上运行浏览器，在浏览器的进程空间内运行本发明一种标识和突出显示网页内容的方法的程序。

其中，步骤S402中，网页元素可以为DOM元素。

本发明运行时，当浏览器加载任意网页时，所述程序在此网页上插入DOM元素，构成蒙板。然后用户在网页上执行兴趣点标识操作，所述程序获取兴趣点区域在蒙板上的兴趣点位置，并将兴趣点位置和网页进行关联保存在存储服务器上。关联保存后的兴趣点位置，可以在后续用户开启突出显示网页内容请求时，通过在蒙板上对应的兴趣点位置进行镂空的方式，突出显示在用户眼前，如图5所示。

蒙板是指一层可以让具有一定透明度的灰度板。在网页上显示蒙板时，网页会被蒙板覆盖形成具有一定透明度的灰度。当对蒙板进行镂空处理时，镂空的部分会完全透明，以显示镂空所对应网页部分。

本发明采用的是对蒙板镂空的方式显示网页内容，因此，无需根据网页的组织方式设置兴趣点，同时，该突出方式非常直接，具有一定透明度的灰度与镂空部分的完全透明形成鲜明的对比，非常直接的突出显示网页内容。

其中兴趣点区域由用户执行兴趣点标识操作确定。

在其中一个实施例中：

所述兴趣点标识操作为：在所述蒙板上圈划和/或镂空区域作为所述兴趣点区域；

所述兴趣点标识保存步骤S403，具体包括：

在所述网页上显示所述蒙板；

响应于所述兴趣点标识操作，记录在所述蒙板上圈划和/或镂空的所述兴趣点区域在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

本实施例使得用户对兴趣点的标识，不再依赖于源网页，也不受源网页结构的任何限制，实现了对任意区域的标识。

作为一个例子，用户使用计算设备提供的指点式或触摸式设备或者鼠标输入设备，在蒙板上圈划、镂空、标识出兴趣点区域。所述程序记录用户圈划、标识的区域。用户确认后，所述程序将记录的区域即兴趣点位置保存到存储服务器。

在其中一个实施例中：

所述兴趣点标识操作为：在所述网页上选择文字内容作为所述兴趣点区域；

所述兴趣点标识保存步骤S403，具体包括：

获取作为所述兴趣点区域的文字内容；

计算所述兴趣点区域在所述网页的显示区域；

将所述显示区域转换为在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

本实施例实现对文字内容标识，用户直接在源网页上选择，然后进入蒙板标识。作为一个例子，开始时，用户使用浏览器提供的功能，选择文字内容。当用户选定文字内容时，触发所述程序。所述程序通过浏览器编程接口获得当前选定的文字内容，并计算出此内容在源网页中的显示区域。所述程序开启蒙板，并根据计算出的显示区域，镂空显示文字内容。用户确认后，所述程序将记录的区域及兴趣点位置保存到存储服务器。

在其中一个实施例中，还包括：

兴趣点网页显示步骤，响应于突出显示网页内容请求时，获取与所述网页关联的所述兴趣点位置，在所述网页上显示所述蒙板，且在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

本实施例直接在蒙板上显示兴趣点。作为一个例子，当浏览器访问某个网页时，所述程序将查询存储服务器，取回已存储的该网页上的所有兴趣点位置。所述程序可配置为直接进入蒙板，或者通过用户操作进入蒙板。进入蒙板时，所述程序将完整或以缩略方式显示所有取回的兴趣点位置，例如采用镂空的方式显示。

在其中一个实施例中，还包括兴趣点定位显示步骤；

兴趣点标识保存步骤S403中，将所述兴趣点位置与所述网页关联保存，具体包括：

为所述兴趣点位置生成唯一的兴趣点地址，将所述兴趣点位置、兴趣点地址与所述网页关联保存；

所述兴趣点定位显示步骤，具体包括：

响应于兴趣点地址访问请求，根据所述兴趣点地址，获取关联的兴趣点位置和网页，在显示所述网页并加载所述蒙板，在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

本实施例实现直接定位显示某个特定兴趣点。存储服务器在存储兴趣点时，为其生成唯一的兴趣点URL，浏览器访问这一URL时，将在源网页上显示所述蒙板，并在所述蒙板上（镂空）显示兴趣点。作为一个例子，具体步骤如下：浏览器以兴趣点URL访问所述存储服务。所述存储服务根据兴趣点重定向浏览器访问源网页。所述程序查询所述存储服务获取该兴趣点数据。所述程序打开所述蒙板，并显示该兴趣点。

本实施例使得兴趣点本身成为网络上的可导航访问的内容，并让兴趣点能够以更加突出的方式在源网页上显示，方便用户直接以兴趣点为目的开展浏览活动。

如图6所示为本发明一种标识和突出显示网页内容的装置的结构示意图，包括：

网页显示模块601，用于响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；

蒙板构成模块602，用于在所述网页上插入用于构成蒙板的网页元素；

兴趣点标识保存模块603，用于响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。

在其中一个实施例中：

所述兴趣点标识操作为：在所述蒙板上圈划和/或镂空区域作为所述兴趣点区域；

所述兴趣点标识保存模块，具体用于：

在所述网页上显示所述蒙板；

响应于所述兴趣点标识操作，记录在所述蒙板上圈划和/或镂空的所述兴趣点区域在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

在其中一个实施例中：

所述兴趣点标识操作为：在所述网页上选择文字内容作为所述兴趣点区域；

所述兴趣点标识保存模块，具体用于：

获取作为所述兴趣点区域的文字内容；

计算所述兴趣点区域在所述网页的显示区域；

将所述显示区域转换为在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

在其中一个实施例中，还包括：

兴趣点网页显示模块，用于响应于突出显示网页内容请求时，获取与所述网页关联的所述兴趣点位置，在所述网页上显示所述蒙板，且在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

在其中一个实施例中，还包括兴趣点定位显示模块；

兴趣点标识保存模块中，将所述兴趣点位置与所述网页关联保存，具体用于：

为所述兴趣点位置生成唯一的兴趣点地址，将所述兴趣点位置、兴趣点地址与所述网页关联保存；

所述兴趣点定位显示模块，具体用于：

响应于兴趣点地址访问请求，根据所述兴趣点地址，获取关联的兴趣点位置和网页，在显示所述网页并加载蒙板，在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

本发明改进完善了现有兴趣点标识和显示方法，使得网页的任意可视部分都可以成为可导航的兴趣点，使得Web的浏览体验能够更加准确和精致。本发明可以用于浏览辅助工具，帮助用户精确收藏和重访问，也就是说，收藏和重访问一个网页上的某个兴趣点，而不仅仅是整个网页。本发明也可用于各种社交工具，使得人们可以精确地就网页上的兴趣点进行分享和交流。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (8)

1.一种标识和突出显示网页内容的方法，其特征在于，包括：

网页显示步骤，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；

蒙板构成步骤，在所述网页上插入用于构成蒙板的网页元素；

兴趣点标识保存步骤，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存；

还包括兴趣点定位显示步骤；

兴趣点标识保存步骤中，将所述兴趣点位置与所述网页关联保存，具体包括：

为所述兴趣点位置生成唯一的兴趣点地址，将所述兴趣点位置、兴趣点地址与所述网页关联保存；

所述兴趣点定位显示步骤，具体包括：

响应于兴趣点地址访问请求，根据所述兴趣点地址，获取关联的兴趣点位置和网页，显示所述网页并加载蒙板，在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

2.根据权利要求1所述的标识和突出显示网页内容的方法，其特征在于：

所述兴趣点标识操作为：在所述蒙板上圈划和/或镂空区域作为所述兴趣点区域；

所述兴趣点标识保存步骤，具体包括：

在所述网页上显示所述蒙板；

响应于所述兴趣点标识操作，记录在所述蒙板上圈划和/或镂空的所述兴趣点区域在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

3.根据权利要求1所述的标识和突出显示网页内容的方法，其特征在于：

所述兴趣点标识操作为：在所述网页上选择文字内容作为所述兴趣点区域；

所述兴趣点标识保存步骤，具体包括：

获取作为所述兴趣点区域的文字内容；

计算所述兴趣点区域在所述网页的显示区域；

将所述显示区域转换为在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

4.根据权利要求1所述的标识和突出显示网页内容的方法，其特征在于，还包括：

兴趣点网页显示步骤，响应于突出显示网页内容请求时，获取与所述网页关联的所述兴趣点位置，在所述网页上显示所述蒙板，且在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

5.一种标识和突出显示网页内容的装置，其特征在于，包括：

网页显示模块，用于响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；

蒙板构成模块，用于在所述网页上插入用于构成蒙板的网页元素；

兴趣点标识保存模块，用于响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存；

还包括兴趣点定位显示模块；

兴趣点标识保存模块中，将所述兴趣点位置与所述网页关联保存，具体用于：

为所述兴趣点位置生成唯一的兴趣点地址，将所述兴趣点位置、兴趣点地址与所述网页关联保存；

所述兴趣点定位显示模块，具体用于：

响应于兴趣点地址访问请求，根据所述兴趣点地址，获取关联的兴趣点位置和网页，显示所述网页并加载蒙板，在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

6.根据权利要求5所述的标识和突出显示网页内容的装置，其特征在于：

所述兴趣点标识操作为：在所述蒙板上圈划和/或镂空区域作为所述兴趣点区域；

所述兴趣点标识保存模块，具体用于：

在所述网页上显示所述蒙板；

响应于所述兴趣点标识操作，记录在所述蒙板上圈划和/或镂空的所述兴趣点区域在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

7.根据权利要求5所述的标识和突出显示网页内容的装置，其特征在于：

所述兴趣点标识操作为：在所述网页上选择文字内容作为所述兴趣点区域；

所述兴趣点标识保存模块，具体用于：

获取作为所述兴趣点区域的文字内容；

计算所述兴趣点区域在所述网页的显示区域；

将所述显示区域转换为在所述蒙板上的位置作为兴趣点位置；

将所述兴趣点位置与所述网页关联保存。

8.根据权利要求5所述的标识和突出显示网页内容的装置，其特征在于，还包括：

兴趣点网页显示模块，用于响应于突出显示网页内容请求时，获取与所述网页关联的所述兴趣点位置，在所述网页上显示所述蒙板，且在所述蒙板的所述兴趣点位置显示所述兴趣点区域。