用 Distill 监测网页变化的几个案例分享

如果你也有监测网页内容更新的需求，那就来对了。信息量有点大，请按需享用。

# 0. 获取 Distill

# 案例1. 跟踪 Amazon Warehouse

# 案例2. 跟踪Smzdm的更新

# 3. 基础操作解析

# 4. 更多同类软件的探索

# 5. 用好 RegExp 让 Distill 的提醒更智能

0. 获取 Disitill

Web Monitor - Apps to track webpages and feeds for changes.，支持Chrome，Firefox，Opear，不支持 IE 和 Safari，付费用户还有测试版的 iOS + Android 端

案例1. 跟踪 Amazon Warehouse, e.g., Kindle Paperwhite

操作步骤如下 

Amazon WareHouse.gif

这里唯一需要设置的就是修改检测频率，从5s~23小时不等。

对咯，想要了解官翻，请点击扫盲贴扫盲一下 【官翻 Refurbished】 的概念，里面有关于成色 (condition) 的介绍

什么，不知道怎么看成色。。。

Amazon WareHouse 成色.gif

举一反三，苹果的官翻可以如法炮制么？

Refurbished Mac - Apple Certified - Apple

Refurbished iPad - Apple Certified

给一点提示，Distill 的提醒是可以设置触发条件的！我下图的例子 (一条皮带) 是——当价格低于500时，给出提醒。关于苹果的官翻，当然可以根据需要的配置，设置条件咯~ 就帮你们到这儿啦~ 

Disill 的触发条件.gif

案例2. 跟踪Smzdm的更新

操作步骤如下 

Disill+smzdm.gif

解释：很关键的一步，我修改了选择器的内容，也就是输入"；smzdm"，然后跳出一段新的代码（借助了神奇 TextExpander 5）。

{

"selections": [

{

"frames": [

{

"index": 0,

"excludes": [],

"includes": [

{

"type": "css",

"expr": ".list-evaluate"

}

]

}

],

"dynamic": true,

"delay": 0

}

],

"ignoreEmptyText": true,

"includeStyle": false,

"dataAttr": "text"

}

有了这段代码，Distill 会检测所有价格信息，一旦有价格信息新增/更新，就会触发提醒。

下图就展示了所有价格信息的更新，以及更新的时间

3. 基础操作解析

Disill 的基础操作.gif

下方的状态栏，默认是扩展的，我一般缩小到右下方。

每个框框 (element)都可以选择扩展，收缩，删除。

大的框框之内，再选择小的框框，这些小框框会显示暗红色，说明是要排除掉的

4. 更多同类软件的探索

有精力，兴趣，时间的话，可以横向比较下。

Page Monitor 3.4.2 历史版本 – 监控网页变化[Chrome] - 小众软件

文章提到了Page Monitor, Visualping

评论区有提到 Distill, update scanner

还有一个方法是通过Feed43自制 RSSFEED43 – 为没有 Feed 的网页生成 RSS 格式订阅源[教程]

RegExp 在 Distill 的应用，以数字为主，学习上述基础知识就够用了

5. 用好 RegExp 让 Distill 的提醒更智能

请跳转我的另一篇文章

正则表达式 (RegExp) 简介 -