[WebExt 扩展] Distill AlertBox（监视页面变化并提醒） 新版界面上手指南

Distill AlertBox

一款可以监视页面变化，并在页面发生变化时提醒用户的扩展，主要功能有：

1、可以监视整个页面，也可以监视页面的某个元素或区域
2、可以添加监视的规则，定位元素的时候可以使用 xpath、CSS、JS 表达式
3、在 inbox 管理页面查看和管理所有的监控规则，规则按时间顺序排列
4、页面发生变化时后播放声音、弹窗、或 email 通知
6、一条规则同时监控多个元素或区域。

下面简单介绍一下如何使用 Alertbox 获取网页/元素更新提醒：

首先安装后在工具栏添加一个“闹铃”图标，在添加了监视条目后还会显示未读条目的数量。



下方有三个按钮：
点击蓝色的“Select Elements to Watch” 可进入选取网页元素建立规则页面，监视一个或多个网页元素变化。
点击 “Watch Page” 则直接监视整个网页的变化。
点击 “Suspend Checks” 是禁用/启用扩展的功能。

另外点击上方蓝色 Inbox 字样可进入监视规则界面，查看并操作监视规则。


如要监视网页元素，点击“Select Elements to Watch”按钮，这时会打开可视化元素选择面板




在这里可以通过鼠标在页面选取一个或多个元素，选取后面板左侧显示 xpath 路径、CSS 选择器或 Javascript 代码（可以作为 xpath、CSS、JS 规则建立器）。右侧面板显示你选取的元素内容。

最后点击右上角 Save Selection 即添加好规则。

所有建立好的规则都会跑到 Inbox 里面，可以点击工具栏按钮的 inbox 字样，或地址栏输入，chrome://alertbox/content/inbox.html#inbox



在这里可以查阅规则，并对规则进行操作，如标记已读未读、删除、添加标签。右上角setting 可以进入提醒设置，选择播放声音的路径以及是否弹窗显示，email 提醒需注册其官网。其中比较重要的选项是“Check for changes”按钮，选中要手动检查更新的条目，点击后可手动检查更新。

点击条目右侧的 30min，可直接设定检查的间隔，默认为 30分钟，建议不要设置太短，否则有可能网站压力很大。最右边是上次检查的时间，点击可查看检查的历史。

接着点击某个条目，可查看具体规则，点击后会显示监控内容的最近一次更新后和更新前的对比图。




点击 Show Changes 按钮，可用绿色字样标注变化的内容。Strip Webpage Style 是去除网页样式，只显示文本、图片。

监控整个网页道理也是一样的，但是就更简单了，因为不需要选取页面元素。
---------------------------------------------------------------------------------------------------------------------------------

高级功能 ---- 修改条目的监控条件：

点击上图右上角的笔+手写板图标，在此可设置这条规则的来源、名称、检查间隔、以及规则条件。
重点要提到的是 Edit Condition 编辑规则条件，可设定文字包含、非空、超过或低于时匹配等。






这个扩展还是很强大的，类似监控页面变化的扩展还有 updatescanner、 sitedelta 等等。

shsch：感谢提醒！自从几个月前升了56nightly以后这个扩展就打不开了，现在终于又能用了。回到原帖

安装后每次启动都会打开帮助页面。后来移除了不打开了。可是安装后又是每次打开火狐就打开那个页面。请问怎么关掉

fang5566：https://addons.mozilla.org/en-US/firefox/addon/distill-website-monitor/?src=search

扩展已经是 webext 版本了回到原帖

感谢提醒！自从几个月前升了56nightly以后这个扩展就打不开了，现在终于又能用了。

fang5566：https://addons.mozilla.org/en-US/firefox/addon/distill-website-monitor/?src=search

扩展已经是 webext 版本了回到原帖

从昨天安装了这个扩展开始。每次启动火狐都打开这个扩展到说明网页https://distill.io/help/gettingstarted/chrome?utm_source=instal不知道怎么关掉。火狐选项里看看也没设定为主页。

https://addons.mozilla.org/en-US/firefox/addon/distill-website-monitor/?src=search

扩展已经是 webext 版本了

装了这个扩展后每次打开火狐都会自动打开https://distill.io/help/gettingstarted/chrome?utm_source=install这个网页。是每次都这样。以前没这情况

yfdyh000：本站上能选元素。AMO页面所有WE扩展无效。回到原帖

找到原因了。隐私模式下不能用。关闭可以了。

warb：每夜版58可以安装，但根本无法使用。无法选择任何元素。很多扩展在每版上都是半成品。这个连半成品都不是。直接不能用。但能安装回到原帖

本站上能选元素。AMO页面所有WE扩展无效。

hdd60311：https://addons.mozilla.org/en-US/firefox/addon/distill-website-monitor/
於是WE版出來了回到原帖

每夜版58可以安装，但根本无法使用。无法选择任何元素。很多扩展在每版上都是半成品。这个连半成品都不是。直接不能用。但能安装

https://addons.mozilla.org/en-US/firefox/addon/distill-website-monitor/
於是WE版出來了

warb：能不能举例说明一下里面的文本过滤器还有元素选择成css xp还有java的具体怎么用呢回到原帖

每个主题都可以写一本书了，我不觉得你天资聪颖到在无基础条件下给几个例子就能懂
我给你开点入门级的阅读单子，自己努力学习吧

文本过滤器（正则表达式匹配）：
https://www.cnblogs.com/deerchao/archive/2006/08/24/zhengzhe30fengzhongjiaocheng.html

css选择器
http://www.lvyestudy.com/les_cj/cj_2.2.aspx
http://www.lvyestudy.com/les_cj/cj_2.3.aspx
http://www.lvyestudy.com/les_cj/cj_2.4.aspx

xpath基本可以用css选择器取代，这里就不多说了

javascript：
https://www.zhihu.com/question/21064817/answer/25945061

warb：感觉都是高端人士在高谈阔论。其中有个人好像问某个论坛有新主题如何设置提醒，却无人回答。回到原帖

那个人好像就是你以前的马甲号吧。而且版主明明修改了原帖做出了说明，还专门回复了那个账号。

能不能举例说明一下里面的文本过滤器还有元素选择成css xp还有java的具体怎么用呢

我用这个扩展监控一个网站的音乐排行前五位。比如有五首歌曲它们的歌曲名分别是1.2.3.4.5.其中第四首是我每天必须了解到其排名情况。虽然使用监控后可以了解这五首的排名变动情况。但不能达到我的要求。比如我想让歌名为4的这首歌曲只要在前五位中就发出警示，是不间断的警示。除非歌名为4的这首歌排到第五位以后才停止警告。一旦进入前五无论是前五名的第几名都要发出警报。希望了解这个扩展到说一说。
为何有这种要求，比如歌曲4到达第3位的时候进行了一次提示（因为这个扩展只是提示一次，或其他原因没提示或没注意）可歌曲4好几天可能都在第3位不动。这时候扩展就不会提示。另外如果关了电脑后，假设歌曲4依旧在第3位，打开电脑扩展也不会提示。那这个监控就没有意义了。不能及时得到变动信息。我在条件里做了几次设置都没能成功

感觉都是高端人士在高谈阔论。其中有个人好像问某个论坛有新主题如何设置提醒，却无人回答。