Area Selecting

网页更新提醒 (opens new window)：是一款可以监控并跟踪记录网页内容更新，并立即通知你的浏览器插件

Background

监控的核心痛点是不能频繁地告警，否则总有一天会变得麻木而不再关心变更的内容，因而错失重要的更新。
网页更新提醒 (opens new window)作者对此事深有体会，所以格外注重这方面的细节。
为了更精准地捕获自己感兴趣的内容更新，首先应该精准地限制内容在页面上出现的区域，所以才有「区域圈选」这个功能。 还实现了两种互为补充的圈选方式（手动和自动模式），下面我们会讲到每种方式适合的场景。

Manual Mode

这是网页更新提醒 (opens new window)的默认方式，操作比较直观。 按住鼠标左键，然后在页面上画个圈就可以完成指定区域的圈选，程序就会智能地判断应该监控页面上的哪个节点了。

这个模式适合大部分场景，但也有几个问题：

• 对于那些页面实现比较怪异，不符合直观感受的页面布局可能不适用
• 有些非常小的区域不太容易圈选
• 内容区域特别大，没法进行滚动圈选，只能缩小页面后圈选

好在，以上这些问题都可以通过「自动模式」弥补。

Auto Mode

这个模式通过捕获鼠标停留在页面上的位置，获取需要监控的页面节点，鼠标悬停在页面任何位置后，对应的节点会高亮，点击高亮元素即可完成区域的圈选。

刚才提到「自动模式」的一些问题都可以通过「自动模式」弥补，那是不是自动模式就没有缺点了呢？当然不是，否则就不会默认「手动模式」了。

「自动模式」的缺点在于，如果要监控的区域是一个列表，那有较大的概率无法选中列表，因为鼠标悬停后捕获的是列表中的一项，程序不好判断你是想圈目标项还是列表项。

好在，「手动模式」可以完美地解决这个问题，因为手动模式是通过计算圈选的面积决定是哪个节点的，你说巧还是不巧呢？