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

权利要求书

1.一种网页局部内容跟踪与提醒的方法，其特征在于，包括以下步骤：

步骤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，将页面内容更新以弹窗的形式反馈给用户，用户点击此消息后，跳转到目标网页，并将目标区域进行高亮。

2.如权利要求1所述的一种网页局部内容跟踪与提醒的方法，其特征在于，在步骤6、步骤7中，对目标网页的数据抓取及比对放入服务端进行，服务端与浏览器插件通过WebSocket连接，待目标网页发生更新，服务端通过WebSocket将变更内容推送给浏览器插件。