[发明专利]一种网页局部内容跟踪与提醒的方法

摘要

本发明公开了一种网页局部内容跟踪与提醒的方法，用户通过浏览器插件以可视化的方式点选网页局部；插件在后台不间断抓取目标网页；比对目标网页的目标区域内容是否发生变化；若有变化，则调用浏览器提醒机制(Web Notification等)，发送消息提醒给用户。本发明无需配置复杂的运行环境，基于可视化的网页局部内容点选，使用户简单快速地对任意网页的任意局部进行跟踪。运行在后台的插件程序对目标网页进行不间断的抓取与分析，如有更新则提醒给用户。

主权项

一种网页局部内容跟踪与提醒的方法，其特征在于，包括以下步骤：步骤1：注入插件，即通过调用相应的插件API，将插件API代码注入到用户访问的网页中；步骤2：激活插件当点击浏览器扩展工具栏中的插件图标时，插件将显示菜单，从而插件被激活；或者在用户访问网页时，通过鼠标右键弹出的上下文菜单来激活插件；插件激活后，用户能通过鼠标在网页中进行目标区域选中操作；步骤3：实现页面局部区域的鼠标点选交互插件将代码注入到网页中时，为网页中的每个DOM元素添加mouseover事件的处理函数，此函数在监听到mouseover事件时，将鼠标所在区域高亮，以供用户点击选中；或者插件将代码注入到网页中时，为网页中的每个DOM元素添加click事件的处理函数，此函数在监听到右键点击事件时，将鼠标点击的DOM元素选中；步骤4：将选中的页面元素以可跟踪的方式进行提取DOM元素在浏览器中完成渲染，以图像的方式呈现；选中的目标区域被点击后，需要将此目标区域进行特征提取，以便后续比对；DOM元素被点击时，其绑定的事件处理函数对所在的DOM元素进行向上回溯，并结合此元素属性，包括class、id，生成目标DOM元素的JavaScript选择器；提取出的选择器，即为需要跟踪的目标区域特征；步骤5：数据持久化，即通过调用HTML5API，将目标网页URL地址、目标区域特征、目标区域现内容，持久化存储在浏览器LocalStorage或IndexedDB中；步骤6：后台页面轮询运行在后台的插件代码，间隔一段时间，从浏览器数据库中，读取要跟踪的目标网页URL，调用Fetch API，对目标网页内容进行抓取；步骤7：目标区域比对页面抓取后，根据记录中的目标区域特征，对抓取回来的网页进行解构分析，并提取出目标区域内容，同记录中的历史内容进行比对，若本次抓取提取的目标区域内容同历史内容一致，则继续步骤6；若本次抓取提取的目标区域内容同历史内容相比发生了变化，则将此次内容更新推送给用户；步骤8：消息推送通过调用HTML5Notification API，将页面内容更新以弹窗的形式反馈给用户，用户点击此消息后，跳转到目标网页，并将目标区域进行高亮。