网页批注方法、装置、电子设备和存储介质制造方法及图纸

本申请公开了一种网页批注方法、装置、电子设备和存储介质。具体包括：获取对浏览器中当前页面的目标标签对应批注内容的目标图片；根据目标图片，确定目标图片与目标标签之间的相对位置关系数据；根据相对位置关系数据、目标图片和目标标签，构建位置关联信息；将位置关联信息存储于浏览器中。本申请实施方式的技术方案，根据批注对应的目标图片，确定目标图片与目标标签之间的相对位置关系数据，可以保证批注和被批注的标签之间的相对位置的固定，有助于在重新打开页面时准确的还原批注位置；根据相对位置关系数据、目标图片和目标标签，构建位置关联信息并存储于浏览器中，可以进一步提高对网页批注的效率，为快速准确的还原批注提供了支撑。注提供了支撑。注提供了支撑。

【技术实现步骤摘要】
网页批注方法、装置、电子设备和存储介质


[0001]本申请涉及数据处理
，尤其涉及一种网页批注方法、装置、电子设备和存储介质。

技术介绍

[0002]随着互联网的发展，越来越多的人开始使用互联网进行学习和工作。其中，由于应用程序开发的难度大、维护成本高，大量的资讯和业务依旧通过浏览器的网页进行展示或者处理。
[0003]在浏览网页的同时做下适当的批注有助于人们的学习和工作。当前，在网页端进行批注时需要采用代码的方式进行输入，从而记录在后台数据中，但是重新调出后批注不够直观，实用性较差；并且，还原批注时无法与被批注内容紧密结合，使得批注复现时的准确性较差。

技术实现思路

[0004]本申请提供了一种网页批注方法、装置、电子设备和存储介质，以提高网页批注的实用性和还原批注的准确性。
[0005]根据本申请的一方面，提供了一种网页批注方法，所述方法包括：
[0006]获取对浏览器中当前页面的目标标签对应批注内容的目标图片；
[0007]根据目标图片，确定目标图片与目标标签之间的相对位置关系数据；
[0008]根据相对位置关系数据、目标图片和目标标签，构建位置关联信息；
[0009]将位置关联信息存储于浏览器中。
[0010]根据本申请的另一方面，提供了一种网页批注装置，包括：
[0011]目标图片获取模块，用于获取对浏览器中当前页面的目标标签对应批注内容的目标图片；
[0012]相对位置确定模块，用于根据目标图片，确定目标图片与目标标签之间的相对位置关系数据；
[0013]关联关系构建模块，用于根据相对位置关系数据、目标图片和目标标签，构建位置关联信息；
[0014]关联信息存储模块，用于将位置关联信息存储于浏览器中。
[0015]根据本申请的另一方面，提供了一种电子设备，所述电子设备包括：
[0016]至少一个处理器；以及
[0017]与所述至少一个处理器通信连接的存储器；其中，
[0018]所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本申请任一实施例所述的网页批注方法。
[0019]根据本申请的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储
介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本申请任一实施例所述的网页批注方法。
[0020]本申请实施方式的技术方案，根据批注对应的目标图片，确定目标图片与目标标签之间的相对位置关系数据，可以保证批注和被批注的标签之间的相对位置的固定，有助于在重新打开页面时准确的还原批注位置；根据相对位置关系数据、目标图片和目标标签，构建位置关联信息并存储于浏览器中，可以进一步提高对网页批注的效率，为快速准确的还原批注提供了支撑。
[0021]应当理解，本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征，也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0022]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0023]图1是根据本申请实施例一提供的一种网页批注方法的流程图；
[0024]图2是根据本申请实施例二提供的一种网页批注方法的流程图；
[0025]图3是根据本申请实施例三提供的一种网页批注装置的结构示意图；
[0026]图4是实现本申请实施例的网页批注方法的电子设备的结构示意图。
具体实施方式
[0027]为了使本
的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
[0028]需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0029]实施例一
[0030]图1为本申请实施例一提供了一种网页批注方法的流程图，本实施例可适用于在网页上进行批注的情况，该方法可以由网页批注装置来执行，该网页批注装置可以采用硬件和/或软件的形式实现，该网页批注装置可配置于电子设备中。如图1所示，该方法包括：
[0031]S110、获取对浏览器中当前页面的目标标签对应批注内容的目标图片。
[0032]其中，当前页面可以是浏览器打开的任何页面，可以理解的是，在现有的较为成熟
的网页技术中，每个网页页面中展示的内容均在后台表示为标签的形式。目标标签可以是被用户进行批注的标签。批注内容即用户在目标标签的范围内进行的批注，例如可以是文字批注、符号批注或者图形批注等。目标图片可以是将用户的批注内容转存为的图片，该图片上的内容即为对应的批注内容。
[0033]在一种可选实施方式中，所述获取对浏览器中当前页面的目标标签对应批注内容的目标图片，可以包括：获取对目标标签的批注轨迹；根据批注轨迹，生成目标图片。
[0034]其中，批注轨迹可以是用户进行批注时通过外部输入设备(可以是鼠标或者手写笔等外设)在当前页面进行批注的轨迹，例如写字或者标注记号等。将这些批注轨迹转化为图片进行保存至本地。
[0035]进一步的，所述根据批注轨迹，生成目标图片，可以包括：根据符合当前页面的预设范围和符合预设时限的批注轨迹，生成目标图片。
[0036]其中，预设范围可以是目标标签的所在范围或者根据目标标签预先设定的周围范围；预设时限可以是输入批注轨迹的时限。可以理解的是，用户在输入批注轨迹时，通常会在页面的目标标签的旁边进行批注，因此，在目标标签周围一定预设范围内进行批注轨迹的识别是非常有效的。此外，用户在输入文字或符号等批注时，通常书写完成连续的一句话或者几个符号后才会停止输入，此时在预设时限到达后对批注轨迹进行识别并转化成图片也是有效的。当然，预设范围和预设时限可以由相关技术人员根据大量实验或者人工经验进行设定，本申请实施例对此不作限定。
[0037]进一步的，目标图片可以根据目标轨迹在当前页面中的坐标值进行生成。例本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种网页批注方法，其特征在于，所述方法包括：获取对浏览器中当前页面的目标标签对应批注内容的目标图片；根据所述目标图片，确定所述目标图片与所述目标标签之间的相对位置关系数据；根据所述相对位置关系数据、所述目标图片和所述目标标签，构建位置关联信息；将所述位置关联信息存储于所述浏览器中。2.根据权利要求1所述的方法，其特征在于，所述根据所述目标图片，确定所述目标图片与所述目标标签之间的相对位置关系数据，包括：提取所述目标图片的锚点；根据所述锚点在所述当前页面中与所述目标标签之间的相对距离，确定所述相对位置关系数据。3.根据权利要求2所述的方法，其特征在于，所述根据所述锚点在所述当前页面中与所述目标标签之间的相对距离，确定所述相对位置关系数据，包括：确定所述目标标签的参考点以及所述参考点在所述当前页面的参考点坐标；根据所述锚点在所述当前页面的锚点坐标与所述参考点坐标之间的相对距离，确定所述相对位置关系数据。4.根据权利要求3所述的方法，其特征在于，所述根据所述锚点在所述当前页面的锚点坐标与所述参考点坐标之间的相对距离，确定所述相对位置关系数据，包括：根据所述锚点坐标与所述参考点坐标，确定所述锚点与所述目标标签之间的相对位置偏移比例；根据所述相对位置偏移比例，确定所述相对位置关系数据。5.根据权利要求1
‑
4任一项所述的方法，其特征在于，所述获取对浏览器中当前页面的目标标签对应批注内容的目标图片，包括：获取对所述目标标签的批注轨迹；根据所述批注轨迹，生...

【专利技术属性】
技术研发人员：魏立勃，
申请(专利权)人：中国农业银行股份有限公司，
类型：发明
国别省市：