[发明专利]一种监控网页变动的方法

说明书

技术领域

本发明涉及一种监控网页的方法，尤其是一种监控网页变动的方法。

背景技术

现在的网页标准，都是基于DOM结构的，由于早期的浏览器战争的后遗症，目前的网页符合的标准一般都是html4或者xhtml，另外还会加上浏览器自己的一些特性。对于DOM结构来说，想要描述一个元素的位置信息变得比较困难，因为网页的DOM结构经常发生变化，人肉可以识别出改动前后是否为同一块内容，但对电脑来说，必须对其做一定的标记才行，否则就会认为内容不存在了。

在网页开发过程中，不可避免的会出现异常，有些异常是因为程序bug产生的，有些可能是其他网络或者数据异常造成的。但这些异常都会对用户体验造成影响，按照严重级别来分，好多公司都会分为故障、ABC类事故等等，持续时间越长，对公司的影响就越大，会直接或者间接影响到公司收入。

目前的主流网页由dom节点、css样式内容、js事件函数这3个重要部分组成。单纯的页面（即无css控制、也没有js代码）已经比较少见。Css和dom节点之间一般都会有比较密切的关系，一旦这个关系被破坏，网页的显示就会比较乱，用户体验比较差。

目前一般的监控就是监控CSS、JS等资源是否可用，即不会出现404错误，可以正确的下载到。但对于这些资源跟页面之间是否匹配，是否会造成页面样式等出现问题，监控不足。

发明内容

本发明所解决的技术问题是解决现有监控方式中对于资源跟页面之间是否匹配，是否会造成页面样式等出现异常这些方面监控不足的问题。

本发明为解决上述技术问题，所采用的技术方案是提供一种监控网页变动的方法，包括：

步骤一：启动监控程序，加载需要监控的页面；

步骤二：资源文件定位,判断该页面需要各项资源是否存在,所述资源包括但不限于css文件、js文件，如资源存在继续步骤三，不存在则发出异常报警；

步骤三：页面异常判断，通过至少一个特征DOM元素来判断页面是否正常，如正常继续步骤四，不正常则发出异常报警；

步骤四：等待一段设定的时间段后，重复执行步骤一。

进一步的，所述步骤三中还包括：

步骤三A：判断所述特征DOM元素是否存在，如存在继续步骤三B，不正常则发出异常报警；

步骤三B：判断所述特征DOM元素中是否有内容，如有继续步骤四，没有则发出异常报警。

进一步的，步骤一之前还包括一个参数设定步骤，所述参数设定步骤通过一个管理程序设定需监控的url以及设定所述特征DOM元素。

进一步的，所述特征DOM元素的设定是由人工在需要监控的页面中的所有DOM元素中指定产生的，指定方法为可视化插件圈定DOM元素或者手工输入DOM元素信息。

进一步的，步骤三B中判断所述特征DOM元素中是否有内容是根据特征DOM元素所占的位置来判断的，即特征DOM元素的宽度和高度必须大于一个预先设置的阀值。

进一步的，所述阀值为0。

进一步的，所述异常警报为发出的一个即时消息。

进一步的，所述即时消息为电子邮件或手机短信。

本发明由于采用了上述技术方案，使之与现有技术相比，故障的发现时间尽可能的提前，降低故障产生的影响。

附图说明

图1是本发明的监控流程示意图

图2是本发明的监控源数据设置流程示意图

图3是实施例中被监控页面的示意图

具体实施方式

以下结合附图和具体实施例对本发明提出的一种监控网页变动的方法作进一步详细的说明。

图2是本发明的监控源数据设置流程示意图，如图2所示，本发明实施例中首先在一个管理程序设定需监控的url在本实施例中设置需监控的url为淘宝网首页http://www.taobao.com。然后通过可视化插件圈定图3中的特定区域1广告栏，即选定了需监控的特征DOM，在本实施例中为一个id为adpanel的div。当然选择几个区域都是由使用者自行决定，使用者也可以选择手工输入DOM元素信息。

设定一个定时监控的间隔时间，监控程序开始工作，请参考图1，加载设置的需要监控的页面，利用监控JS代码或者浏览器插件，启动对页面的扫描监控，这里加载的是淘宝网首页，下面是其中的部分代码

<meta name=div content=淘宝网 />