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

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

【技术实现步骤摘要】
一种标识和突出显示网页内容的方法及装置
本专利技术涉及网页显示相关
，特别是一种标识和突出显示网页内容的方法及装置。
技术介绍
用户在浏览网页时，常常会对网页上部分内容感兴趣（本文此后部分将这样的区域称为兴趣点），通常希望能够将兴趣点标识（圈划、标注）出来，收藏或分享给他人，使自己或他人访问此网页时，能发现该兴趣点。目前，为达到这一目的，常使用的方法有：1.截图工具：使用截图工具，将屏幕上显示的网页中兴趣点的部分截图，然后保存或分享。缺点：无法在用户再次访问，或他人访问该网页时，在网页内指出该兴趣点。2.浏览器：通过内置菜单/工具，或者插件，提供标注功能，使得用户在浏览网页时，能够选择感兴趣的部分作为兴趣点。标注功能会改变兴趣点区域在网页上的显示方式，使其有别于周围内容，同时也会存储将此兴趣点所在网页的URL，和此兴趣点在网页内的位置信息，以便以后加载该网页时，能够显示此兴趣点。其缺点在于兴趣点的标识和显示方式：a)兴趣点的标识有限制i.只能够选择按照网页DOM的组织方式，选择临近、连续的部分作为一个兴趣点，无法跳跃。很多时候，呈现在浏览者眼前相邻的内容，在文件对象模型（DocumentObjectModel，简称DOM）上并不相邻。此时，现有方法无法把这样相邻的内容精确标识为一个兴趣点，用户要么将其标识为多个兴趣点，要么忍受兴趣点中夹杂入不相干的内容，参考图1、图2。ii.无法将单一内容（如图片）的部分标识为兴趣点，参考图3。b)兴趣点的显示不够直接、突出。现有方法通过改变兴趣点部分在网页上的样式，使其从周围内容中凸显出来。这样的显示方式在用户目的为浏览源网页时比较有效，能够在浏览中，提示其可能的重点—兴趣点。然而，如果用户浏览目的本身就是查看兴趣点，现有方法对兴趣点的显示则不够直接和突出，用户需要自行在源网页上去辨识、查找、定位兴趣点。当源网页内容繁杂，或内容较长需要滚动屏幕时，这样的定位效率很低。并且，当用户浏览兴趣点时，周围的内容对用户的认知形成较多干扰，不利于集中注意力观察兴趣点。d)兴趣点本身无法直接导航。现有方法兴趣点仅能在加载源网页时显示，其本身缺少URL，不可直接导航访问。
技术实现思路
基于此，有必要针对现有技术对兴趣点的标识不自由，显示不直接，导致用户辨识、查找和定位不方便的技术问题，提供一种标识和突出显示网页内容的方法及装置。一种标识和突出显示网页内容的方法，包括：网页显示步骤，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；蒙板构成步骤，在所述网页上插入用于构成蒙板的网页元素；兴趣点标识保存步骤，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。一种标识和突出显示网页内容的装置，包括：网页显示模块，用于响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；蒙板构成模块，用于在所述网页上插入用于构成蒙板的网页元素；兴趣点标识保存模块，用于响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。本专利技术通过采用在网页上加载蒙板标识和显示网页内容中的兴趣点。克服了现有技术的缺陷，能够标识在视觉呈现上相邻但结构不相邻网页元素为一个兴趣点，也能够标识单一内容的局部为兴趣点。附图说明图1为现有技术无法标识视觉相邻内容为兴趣点示意图；图2为现有技术无法标识视觉相邻内容为兴趣点的源代码示意图；图3为现有技术兴趣点无法选择单一元素局部为兴趣点示意图；图4为本专利技术一种标识和突出显示网页内容的方法的工作流程图；图5为利用蒙板突出显示兴趣点示意图；图6为本专利技术一种标识和突出显示网页内容的装置的结构示意图。具体实施方式下面结合附图和具体实施例对本专利技术做进一步详细的说明。如图4所示为本专利技术一种标识和突出显示网页内容的方法的工作流程图，包括：网页显示步骤S401，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；蒙板构成步骤S402，在所述网页上插入用于构成蒙板的网页元素；兴趣点标识保存步骤S403，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存。本专利技术适用于有指点式或触摸式设备或者鼠标输入设备的计算设备，在计算设备上运行浏览器，在浏览器的进程空间内运行本专利技术一种标识和突出显示网页内容的方法的程序。其中，步骤S402中，网页元素可以为DOM元素。本专利技术运行时，当浏览器加载任意网页时，所述程序在此网页上插入DOM元素，构成蒙板。然后用户在网页上执行兴趣点标识操作，所述程序获取兴趣点区域在蒙板上的兴趣点位置，并将兴趣点位置和网页进行关联保存在存储服务器上。关联保存后的兴趣点位置，可以在后续用户开启突出显示网页内容请求时，通过在蒙板上对应的兴趣点位置进行镂空的方式，突出显示在用户眼前，如图5所示。蒙板是指一层可以让具有一定透明度的灰度板。在网页上显示蒙板时，网页会被蒙板覆盖形成具有一定透明度的灰度。当对蒙板进行镂空处理时，镂空的部分会完全透明，以显示镂空所对应网页部分。本专利技术采用的是对蒙板镂空的方式显示网页内容，因此，无需根据网页的组织方式设置兴趣点，同时，该突出方式非常直接，具有一定透明度的灰度与镂空部分的完全透明形成鲜明的对比，非常直接的突出显示网页内容。其中兴趣点区域由用户执行兴趣点标识操作确定。在其中一个实施例中：所述兴趣点标识操作为：在所述蒙板上圈划和/或镂空区域作为所述兴趣点区域；所述兴趣点标识保存步骤S403，具体包括：在所述网页上显示所述蒙板；响应于所述兴趣点标识操作，记录在所述蒙板上圈划和/或镂空的所述兴趣点区域在所述蒙板上的位置作为兴趣点位置；将所述兴趣点位置与所述网页关联保存。本实施例使得用户对兴趣点的标识，不再依赖于源网页，也不受源网页结构的任何限制，实现了对任意区域的标识。作为一个例子，用户使用计算设备提供的指点式或触摸式设备或者鼠标输入设备，在蒙板上圈划、镂空、标识出兴趣点区域。所述程序记录用户圈划、标识的区域。用户确认后，所述程序将记录的区域即兴趣点位置保存到存储服务器。在其中一个实施例中：所述兴趣点标识操作为：在所述网页上选择文字内容作为所述兴趣点区域；所述兴趣点标识保存步骤S403，具体包括：获取作为所述兴趣点区域的文字内容；计算所述兴趣点区域在所述网页的显示区域；将所述显示区域转换为在所述蒙板上的位置作为兴趣点位置；将所述兴趣点位置与所述网页关联保存。本实施例实现对文字内容标识，用户直接在源网页上选择，然后进入蒙板标识。作为一个例子，开始时，用户使用浏览器提供的功能，选择文字内容。当用户选定文字内容时，触发所述程序。所述程序通过浏览器编程接口获得当前选定的文字内容，并计算出此内容在源网页中的显示区域。所述程序开启蒙板，并根据计算出的显示区域，镂空显示文字内容。用户确认后，所述程序将记录的区域及兴趣点位置保存到存储服务器。在其中一个实施例中，还包括：兴趣点网页显示步骤，响应于突出显示网页内容请求时，获取与所述网页关联的所述兴趣点位置，在所述网页上显示所述蒙板，且在所述蒙板的所述兴趣点位置显示本文档来自技高网...

【技术保护点】
一种标识和突出显示网页内容的方法，其特征在于，包括：网页显示步骤，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；蒙板构成步骤，在所述网页上插入用于构成蒙板的网页元素；兴趣点标识保存步骤，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存；还包括兴趣点定位显示步骤；兴趣点标识保存步骤中，将所述兴趣点位置与所述网页关联保存，具体包括：为所述兴趣点位置生成唯一的兴趣点地址，将所述兴趣点位置、兴趣点地址与所述网页关联保存；所述兴趣点定位显示步骤，具体包括：响应于兴趣点地址访问请求，根据所述兴趣点地址，获取关联的兴趣点位置和网页，显示所述网页并加载蒙板，在所述蒙板的所述兴趣点位置显示所述兴趣点区域。

【技术特征摘要】
1.一种标识和突出显示网页内容的方法，其特征在于，包括：网页显示步骤，响应于包括网络地址的网络访问请求，获取并显示所述网络地址指定的网页；蒙板构成步骤，在所述网页上插入用于构成蒙板的网页元素；兴趣点标识保存步骤，响应于在所述网页标识兴趣点区域的兴趣点标识操作，记录所述兴趣点区域在所述蒙板上的兴趣点位置，将所述兴趣点位置与所述网页关联保存；还包括兴趣点定位显示步骤；兴趣点标识保存步骤中，将所述兴趣点位置与所述网页关联保存，具体包括：为所述兴趣点位置生成唯一的兴趣点地址，将所述兴趣点位置、兴趣点地址与所述网页关联保存；所述兴趣点定位显示步骤，具体包括：响应于兴趣点地址访问请求，根据所述兴趣点地址，获取关联的兴趣点位置和网页，显示所述网页并加载蒙板，在所述蒙板的所述兴趣点位置显示所述兴趣点区域。2.根据权利要求1所述的标识和突出显示网页内容的方法，其特征在于：所述兴趣点标识操作为：在所述蒙板上圈划和/或镂空区域作为所述兴趣点区域；所述兴趣点标识保存步骤，具体包括：在所述网页上显示所述蒙板；响应于所述兴趣点标识操作，记录在所述蒙板上圈划和/或镂空的所述兴趣点区域在所述蒙板上的位置作为兴趣点位置；将所述兴趣点位置与所述网页关联保存。3.根据权利要求1所述的标识和突出显示网页内容的方法，其特征在于：所述兴趣点标识操作为：在所述网页上选择文字内容作为所述兴趣点区域；所述兴趣点标识保存步骤，具体包括：获取作为所述兴趣点区域的文字内容；计算所述兴趣点区域在所述网页的显示区域；将所述显示区域转换为在所述蒙板上的位置作为兴趣点位置；将所述兴趣点位置与所述网页关联保存。4.根据权利要求1所述的标识和突出显示网页内容的方法，其特征在于，还包括：兴趣点网页显示步骤，响应于突出显示网页内容请求时，获取与所述网页关联的所述兴趣点位置，在所述网页上显示所述蒙板，且在所述蒙板的所述兴趣点位置显示所述兴趣点区域。5.一种...

【专利技术属性】
技术研发人员：王青，
申请(专利权)人：王青，
类型：发明
国别省市：广东,44