juery 实时监控div高度变化 js监控网页变化

      随着互联网的发展，一般单位或企业都通过网站对外发布动态消息；各种管理软件、saas系统也通过web页面实现订单管理、工单派遣等。如何在第一时间接收消息或工单提醒，就需要实时刷新监控页面内容变化。

1、先来用看一下用于测试的页面，是一个实时更新的震级显示表格。与工单订单表相似，如果有新的地震将显示在第一行。这样，我们只监控第一行的内容变化，就可以得到最新的地震消息。当然，并不是所有的地震都有影响 ，我们还需要增加设置一些限制条件，比如监控震级大于5级、纬度大于10、经度在110-170之间、震源深度小于50千米时，自动报警提醒。

2、首先确定监控周期，新建一个定时控制步骤，设定周期不能太小，否则会给网站服务器带来压力。

3、新建打开网页步骤，添加需要监控的网址。

 

4、新建元素监控步骤，然后点击添加按钮，在弹出的窗口的，点击自动获取按钮，之后浏览器进入获取元素状态，将鼠标移到地震列表的第一行震级位置处，点击鼠标右键，获取该元素。获得元素参数后，取出text属性值，监控条件为>5，软件自动将text值转为数字，当震级大于5时即满足条件。            

5、以同样的方式继续添加纬度、经度、震源深度等元素。当有多个元素监控条件时，设置每个条件之间的关系为逻辑与，即满足所有元素监控条件才报警提醒。

6、当监控到满足条件的记录时，项目自动执行Yes节点，否则跳转到No节点执行。所在只需要在Yes节点设置报警方式，勾选弹窗报警、声音报警、邮件报警（可以绑定微信qq等收提醒）、网络接口提醒（微信群或钉钉群等）。还可以自定义弹窗内容和链接地址，这样在电脑上点击弹窗或在手机上点击记录，可打开指定的详情网页。