监控网页变化对于个人和企业来说都非常实用，在很多场景下有可能都需要用到监控网页，比如：

总体来说，监控网页主要就是用于在线网页信息的获取，并且能够和以前获取的信息进行对比，如果发生了信息变化，能够及时通知相关人员，是个实用场景很广的功能。

而今天给大家介绍的就是一个简单易用的开源的网页变化监控工具-changedetection

changedetection 介绍

一个简单易用的网页变化监控工具，功能强大，能够自动化检测网页内容的任何变化，并通过电子邮件、Slack、Discord等多种渠道发送实时通知，帮助用户及时捕捉关键信息，适用于监控价格变动、产品库存监测、网站更新等各种场景。

🏠 项目信息

#Github地址
https://github.com/dgtlmoon/changedetection.io
#项目地址
https://changedetection.io/

$ docker run -d --restart always -p 5000:5000 -v datastore-volume:/datastore --name changedetection.io dgtlmoon/changedetection.io

git clone https://github.com/dgtlmoon/changedetection.io.git
docker compose up -d 
安装完成后，浏览器访问打开 http://hostip:5000 访问：

将监控的网址粘贴到地址栏，可为监控的链接添加一个Tag，方便以后能够轻松管理。

点击“Edit->Watch”，设置监控频率和通知方式。在“General”页面的勾选【Extract from document and use as watch title】

b35b4317c9aeef4e03eba89796fc0e6c_640_wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1.webp

在“Notifications”页面的“Notification URL List”粘贴邮箱地址。

b5142740f019d52335a2e11665dcd3e1_640_wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1.webp

设置完成后，在首页可查看具体的监控信息。

当内容网页内容出现变化，点击“Diff”按钮，可查看变化内容。

二、添加商品监控

添加产品监控的步骤和添加网页监控步骤类似，主要在设置上有所区别。在“General”页面的勾选【Re-stock & Price detection for single product pages】

e3faa288068e727b895f3a00dc29598a_640_wx_fmt=png&from=appmsg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1.webp

在【Re-stock & Price detection】页面设置价格变化通知参数,价格上下、价格变化百分比等。

三、添加浏览器插件

为了方便添加监控页面（无需每次都打开管理页面，通过插件直接添加需要的监控网页），项目提供了浏览器插件，插件地址如下：

https://chromewebstore.google.com/detail/changedetectionio-website/kefcfmgmlhmankjmnbijimhofdjekbop

打开在【SETTING】-【API】页面，生成API KEY

打开插件，点击【Sync API Access 】

访问网站的时候，可以在插件中直接添加此网站的监控：

整体使用下来，changedetection还是相当简单和实用的。如果你也寻找一个可靠、实时且功能丰富的网页变化监控工具，那么不妨试试 changedetection吧！