一種監(jiān)控網(wǎng)頁變動的方法
【專利摘要】本發(fā)明涉及一種監(jiān)控網(wǎng)頁變動的方法，包括：步驟一：啟動監(jiān)控程序，加載需要監(jiān)控的頁面；步驟二：資源文件定位,判斷該頁面需要各項資源是否存在,所述資源包括但不限于css文件、js文件，如資源存在繼續(xù)步驟三，不存在則發(fā)出異常報警；步驟三：頁面異常判斷，通過至少一個特征DOM元素來判斷頁面是否正常，如正常繼續(xù)步驟四，不正常則發(fā)出異常報警；步驟四：等待一段設定的時間段后，重復執(zhí)行步驟一。本發(fā)明可以使網(wǎng)頁故障的發(fā)現(xiàn)時間盡可能的提前，降低故障產(chǎn)生的影響。
【專利說明】一種監(jiān)控網(wǎng)頁變動的方法
【技術領域】
[0001]本發(fā)明涉及一種監(jiān)控網(wǎng)頁的方法，尤其是一種監(jiān)控網(wǎng)頁變動的方法。
【背景技術】
[0002]現(xiàn)在的網(wǎng)頁標準，都是基于DOM結構的，由于早期的瀏覽器戰(zhàn)爭的后遺癥，目前的網(wǎng)頁符合的標準一般都是html4或者xhtml，另外還會加上瀏覽器自己的一些特性。對于DOM結構來說，想要描述一個元素的位置信息變得比較困難，因為網(wǎng)頁的DOM結構經(jīng)常發(fā)生變化，人肉可以識別出改動前后是否為同一塊內(nèi)容，但對電腦來說，必須對其做一定的標記才行，否則就會認為內(nèi)容不存在了。
[0003]在網(wǎng)頁開發(fā)過程中，不可避免的會出現(xiàn)異常，有些異常是因為程序bug產(chǎn)生的，有些可能是其他網(wǎng)絡或者數(shù)據(jù)異常造成的。但這些異常都會對用戶體驗造成影響，按照嚴重級別來分，好多公司都會分為故障、ABC類事故等等，持續(xù)時間越長，對公司的影響就越大，會直接或者間接影響到公司收入。
[0004]目前的主流網(wǎng)頁由dom節(jié)點、css樣式內(nèi)容、js事件函數(shù)這3個重要部分組成。單純的頁面(即無css控制、也沒有js代碼)已經(jīng)比較少見。Css和dom節(jié)點之間一般都會有比較密切的關系，一旦這個關系被破壞，網(wǎng)頁的顯示就會比較亂，用戶體驗比較差。
[0005]目前一般的監(jiān)控就是監(jiān)控CSS、JS等資源是否可用，即不會出現(xiàn)404錯誤，可以正確的下載到。但對于這些資源跟頁面之間是否匹配，是否會造成頁面樣式等出現(xiàn)問題，監(jiān)控不足。

【發(fā)明內(nèi)容】

[0006]本發(fā)明所解決的技術問題是解決現(xiàn)有監(jiān)控方式中對于資源跟頁面之間是否匹配，是否會造成頁面樣式等出現(xiàn)異常這些方面監(jiān)控不足的問題。
[0007]本發(fā)明為解決上述技術問題，所采用的技術方案是提供一種監(jiān)控網(wǎng)頁變動的方法，包括:
步驟一:啟動監(jiān)控程序，加載需要監(jiān)控的頁面；
步驟二:資源文件定位，判斷該頁面需要各項資源是否存在，所述資源包括但不限于css文件、js文件，如資源存在繼續(xù)步驟三，不存在則發(fā)出異常報警；
步驟三:頁面異常判斷，通過至少一個特征DOM元素來判斷頁面是否正常，如正常繼續(xù)步驟四，不正常則發(fā)出異常報警；
步驟四:等待一段設定的時間段后，重復執(zhí)行步驟一。
[0008]進一步的，所述步驟三中還包括:
步驟三A:判斷所述特征DOM元素是否存在，如存在繼續(xù)步驟三B，不正常則發(fā)出異常報
m.1=I ，
步驟三B:判斷所述特征DOM元素中是否有內(nèi)容，如有繼續(xù)步驟四，沒有則發(fā)出異常報
m
目O[0009]進一步的，步驟一之前還包括一個參數(shù)設定步驟，所述參數(shù)設定步驟通過一個管理程序設定需監(jiān)控的url以及設定所述特征DOM元素。
[0010]進一步的，所述特征DOM元素的設定是由人工在需要監(jiān)控的頁面中的所有DOM元素中指定產(chǎn)生的，指定方法為可視化插件圈定DOM元素或者手工輸入DOM元素信息。
[0011]進一步的，步驟三B中判斷所述特征DOM元素中是否有內(nèi)容是根據(jù)特征DOM元素所占的位置來判斷的，即特征DOM元素的寬度和高度必須大于一個預先設置的閥值。
[0012]進一步的，所述閥值為O。
[0013]進一步的，所述異常警報為發(fā)出的一個即時消息。
[0014]進一步的，所述即時消息為電子郵件或手機短信。
[0015]本發(fā)明由于采用了上述技術方案，使之與現(xiàn)有技術相比，故障的發(fā)現(xiàn)時間盡可能的提前，降低故障產(chǎn)生的影響。
【專利附圖】

【附圖說明】
[0016]圖1是本發(fā)明的監(jiān)控流程示意圖
圖2是本發(fā)明的監(jiān)控源數(shù)據(jù)設置流程示意圖 圖3是實施例中被監(jiān)控頁面的示意圖
【具體實施方式】
[0017]以下結合附圖和具體實施例對本發(fā)明提出的一種監(jiān)控網(wǎng)頁變動的方法作進一步詳細的說明。
[0018]圖2是本發(fā)明的監(jiān)控源數(shù)據(jù)設置流程示意圖，如圖2所示，本發(fā)明實施例中首先在一個管理程序設定需監(jiān)控的url在本實施例中設置需監(jiān)控的url為淘寶網(wǎng)首頁http://WWW.taoba0.com。然后通過可視化插件圈定圖3中的特定區(qū)域I廣告欄，即選定了需監(jiān)控的特征D0M,在本實施例中為一個id為adpanel的div。當然選擇幾個區(qū)域都是由使用者自行決定，使用者也可以選擇手工輸入DOM元素信息。
[0019]設定一個定時監(jiān)控的間隔時間，監(jiān)控程序開始工作，請參考圖1，加載設置的需要監(jiān)控的頁面，利用監(jiān)控JS代碼或者瀏覽器插件，啟動對頁面的掃描監(jiān)控，這里加載的是淘寶網(wǎng)首頁，下面是其中的部分代碼
<meta name=//description// content="淘寶網(wǎng),r />
〈meta name=〃keywords〃 content="淘寶，掏寶，網(wǎng)上購物，C2C,在線交易，交易市場，網(wǎng)上交易，交易市場，網(wǎng)上買，網(wǎng)上賣，購物網(wǎng)站，團購，網(wǎng)上貿(mào)易，安全購物，電子商務，放心買，供應，買賣信息，網(wǎng)店，一口價，拍賣，網(wǎng)上開店，網(wǎng)絡購物，打折，免費開店，網(wǎng)購，頻道，店鋪〃 />
〈meta name=〃baidu-site_verification〃 content=〃z9PsRFj6qPRDtfdc〃 />
〈link re I = 〃search" type = 〃application/opensearchdescription+xml〃href=//http: //search, taoba0.com/opensearch.xml〃 title=〃 淘寶購物 〃 /><script>window.g_config={appld:6, startDate:new Date ()};</script>
〈link rel=〃stylesheet〃 href=〃http://a.tbcdn.cn/p/global/1.0/global-min.css〃 />
【權利要求】
1.一種監(jiān)控網(wǎng)頁變動的方法，包括: 步驟一:啟動監(jiān)控程序，加載需要監(jiān)控的頁面； 步驟二:資源文件定位，判斷該頁面需要各項資源是否存在，所述資源包括但不限于css文件、js文件，如資源存在繼續(xù)步驟三，不存在則發(fā)出異常報警； 步驟三:頁面異常判斷，通過至少一個特征DOM元素來判斷頁面是否正常，如正常繼續(xù)步驟四，不正常則發(fā)出異常報警； 步驟四:等待一段設定的時間段后，重復執(zhí)行步驟一。
2.根據(jù)權利要求1所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于所述步驟三中還包括: 步驟三A:判斷所述特征DOM元素是否存在，如存在繼續(xù)步驟三B，不正常則發(fā)出異常報m.1=I ， 步驟三B:判斷所述特征DOM元素中是否有內(nèi)容，如有繼續(xù)步驟四，沒有則發(fā)出異常報m目O
3.根據(jù)權利要求1或2所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于在步驟一之前還包括一個參數(shù)設定步驟，所述參數(shù)設定步驟通過一個管理程序設定需監(jiān)控的url以及設定所述特征DOM元素。
4.根據(jù)權利要求3所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于所述特征DOM元素的設定是由人工在需要監(jiān)控的頁面中的所有DOM元素中指定產(chǎn)生的，指定方法為可視化插件圈定DOM元素或者手工輸入DOM元素信息。
5.根據(jù)權利要求2所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于步驟三B中判斷所述特征DOM元素中是否有內(nèi)容是根據(jù)特征DOM元素所占的位置來判斷的，即特征DOM元素的寬度和高度必須大于一個預先設置的閥值。
6.根據(jù)權利要求5所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于所述閥值為O。
7.根據(jù)權利要求1或2所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于所述異常警報為發(fā)出的一個即時消息。
8.根據(jù)權利要求7所述的一種監(jiān)控網(wǎng)頁變動的方法，其特征在于所述即時消息為電子郵件或手機短信。
【文檔編號】G06F17/30GK103885960SQ201210558646
【公開日】2014年6月25日 申請日期:2012年12月20日 優(yōu)先權日:2012年12月20日
【發(fā)明者】楊飛, 陳寄文 申請人:上海明想電子科技有限公司