改版通知

巨人肩膀网站已全新改版。若您仍依赖旧站功能或数据,欢迎联系我们,我们会协助处理。联系我们

一个开源的网页变化监控工具,实时自动化检测网页变化内容,简单实用,Star 16.5K+!

oP3us6Af1G1D4v7c7iIPkM-piUzQ2024年9月5日1827 浏览

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

  • 个人使用场景:可以使用网页监控来跟踪感兴趣的在线内容,如博客更新、论坛帖子或社交媒体动态。
  • 电商运营人员:监控友商的价格变动,跟踪产品库存状态,确保及时响应供应变化。
  • 软件开发和测试:开发或者测试工程师监控网站的功能和内容,确保功能和页面展示都能正常。

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

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

changedetection 介绍

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

图片

🏠  项目信息

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

图片

🚀功能特性

  • 网页变化监控:自动检测网页上的内容变化,包括文本、图片、链接等。
  • 实时通知:一旦检测到网页变化,立即通过用户选择的通知方式发送警报。
  • 多平台集成:支持多种通知渠道,如电子邮件、Slack、Discord、Telegram等。
  • 目标元素选择:用户可以选择监控网页上的特定元素,如价格标签、库存状态等。
  • 浏览器自动化:模拟浏览器操作,如登录、搜索、添加到购物车等。
  • 产品重新库存检测:监控缺货产品,并在产品重新上架时发送通知。
  • 自定义频率:用户可以设置网页检查的频率,以适应不同的监控需求。
  • 虚拟位置:支持选择不同的虚拟位置,包括欧洲、美国和Tor代理。
  • 过滤器和规则:提供触发文本、CSS/XPath规则、忽略文本等过滤选项。

图片

changedetection 安装

  • Docker部署
$ docker run -d --restart always -p 5000:5000 -v datastore-volume:/datastore --name changedetection.io dgtlmoon/changedetection.io
  • Docker-compose部署
git clone https://github.com/dgtlmoon/changedetection.io.git
docker compose up -d 
安装完成后,浏览器访问打开 http://hostip:5000 访问:

图片

changedetection 使用

一、添加网页监控

将监控的网址粘贴到地址栏,可为监控的链接添加一个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吧!