[发明专利]网页数据的标记方法及装置

说明书

本发明公开了一种网页数据的标记方法及装置，涉及信息处理技术领域，主要目的在于解决在对截图的内容进行标记时，由于截图不清晰会增加直观定位到截图中特定元素的复杂度的问题。本发明的技术方案包括：根据待截图网页，生成目标网页，所述目标网页中包含所述待截图网页中的静态数据内容；根据预设关键字在所述目标网页中查找匹配的目标静态数据内容；在所述目标静态数据内容处根据预设标记样式添加标记；对添加所述预设标记样式的目标网页进行截图。本发明应用于对网页数据进行标记的过程中。

技术领域

本发明涉及信息处理技术领域，特别是涉及一种网页数据的标记方法及装置。

背景技术

随着信息技术的快速发展，人们获取数据的方式越来越多，例如从网页上获取需要的数据，这种获取数据的方式大大减少了人们日常工作的负荷。

为了获取网页中的原始数据，可通过截图的方式将网页中的数据进行截图，还可以对截取后的图片进行标记、截取、框选等标记操作。发明人在实现上述发明过程中，发现现有技术中在对截图进行标记操作时，标记操作受限于截取图片的清晰度、像素偏移量等，难以对定位到截图中的特定元素。

发明内容

有鉴于此，本发明提供的一种网页数据的标记方法及装置，主要目的在于解决在对截图的内容进行标记时，难以定位到截图中特定元素的问题。

为了解决上述问题，本发明主要提供如下技术方案：

第一方面，本发明实施例提供一种网页数据的标记方法，包括：

根据待截图网页，生成目标网页，所述目标网页中包含所述待截图网页中的静态数据内容；

根据预设关键字在所述目标网页中查找匹配的目标静态数据内容；

在所述目标静态数据内容处根据预设标记样式添加标记；

对添加所述预设标记样式的目标网页进行截图。

可选的，在所述目标静态数据内容处根据预设标记样式添加标记包括：

在所述目标网页中添加自定义层叠样式表CSS，所述自定义层叠样式表CSS中记录有多种预设标记样式；

在所述目标静态数据内容处添加JS脚本，所述JS脚本用于选择自定义层叠样式表CSS中的至少一种标记样式；

基于所述JS脚本从自定义层叠样式表CSS中确定至少一种标记样式，并将所述至少一种标记样式添加至所述目标静态数据内容处。

可选的，基于所述JS脚本从自定义层叠样式表CSS中确定至少一种标记样式包括：

若预先配置所述预设关键字与标记样式之间的对应关系，则根据已配置的标记样式的标签，从所述自定义层叠样式表CSS中确定对应的至少一种标记样式；

或者，显示所述自定义层叠样式表CSS中的所有标记样式，基于所述JS脚本接收对所述标记样式的选择指令，根据所述选择指令确定标记样式，所述选择指令为用户从所述自定义层叠样式表CSS中选择至少一种标记样式后触发产生。

可选的，根据预设关键字在所述目标网页中查找匹配的目标静态数据内容包括：

获取所述目标网页的源代码；

在所述目标网页的源代码中，遍历与所述预设关键字匹配的所述目标静态数据内容。

可选的，所述方法还包括：

在所述目标网页的源代码中对所述目标静态数据内容处执行添加标记；

将目标网页的源代码中添加的标记，同步到目标网页显示界面中的目标静态数据内容处。

第二方面，本发明提供一种网页数据的标记装置，包括：