一種監控網頁變動的方法
【專利摘要】本發明涉及一種監控網頁變動的方法，包括：步驟一：啟動監控程序，加載需要監控的頁面；步驟二：資源文件定位,判斷該頁面需要各項資源是否存在,所述資源包括但不限于css文件、js文件，如資源存在繼續步驟三，不存在則發出異常報警；步驟三：頁面異常判斷，通過至少一個特征DOM元素來判斷頁面是否正常，如正常繼續步驟四，不正常則發出異常報警；步驟四：等待一段設定的時間段后，重復執行步驟一。本發明可以使網頁故障的發現時間盡可能的提前，降低故障產生的影響。
【專利說明】一種監控網頁變動的方法
【技術領域】
[0001]本發明涉及一種監控網頁的方法，尤其是一種監控網頁變動的方法。
【背景技術】
[0002]現在的網頁標準，都是基于DOM結構的，由于早期的瀏覽器戰爭的后遺癥，目前的網頁符合的標準一般都是html4或者xhtml，另外還會加上瀏覽器自己的一些特性。對于DOM結構來說，想要描述一個元素的位置信息變得比較困難，因為網頁的DOM結構經常發生變化，人肉可以識別出改動前后是否為同一塊內容，但對電腦來說，必須對其做一定的標記才行，否則就會認為內容不存在了。
[0003]在網頁開發過程中，不可避免的會出現異常，有些異常是因為程序bug產生的，有些可能是其他網絡或者數據異常造成的。但這些異常都會對用戶體驗造成影響，按照嚴重級別來分，好多公司都會分為故障、ABC類事故等等，持續時間越長，對公司的影響就越大，會直接或者間接影響到公司收入。
[0004]目前的主流網頁由dom節點、css樣式內容、js事件函數這3個重要部分組成。單純的頁面(即無css控制、也沒有js代碼)已經比較少見。Css和dom節點之間一般都會有比較密切的關系，一旦這個關系被破壞，網頁的顯示就會比較亂，用戶體驗比較差。
[0005]目前一般的監控就是監控CSS、JS等資源是否可用，即不會出現404錯誤，可以正確的下載到。但對于這些資源跟頁面之間是否匹配，是否會造成頁面樣式等出現問題，監控不足。
【發明內容】
[0006]本發明所解決的技術問題是解決現有監控方式中對于資源跟頁面之間是否匹配，是否會造成頁面樣式等出現異常這些方面監控不足的問題。
[0007]本發明為解決上述技術問題，所采用的技術方案是提供一種監控網頁變動的方法，包括:
步驟一:啟動監控程序，加載需要監控的頁面；
步驟二:資源文件定位，判斷該頁面需要各項資源是否存在，所述資源包括但不限于css文件、js文件，如資源存在繼續步驟三，不存在則發出異常報警；
步驟三:頁面異常判斷，通過至少一個特征DOM元素來判斷頁面是否正常，如正常繼續步驟四，不正常則發出異常報警；
步驟四:等待一段設定的時間段后，重復執行步驟一。
[0008]進一步的，所述步驟三中還包括:
步驟三A:判斷所述特征DOM元素是否存在，如存在繼續步驟三B，不正常則發出異常報
m.1=I ，
步驟三B:判斷所述特征DOM元素中是否有內容，如有繼續步驟四，沒有則發出異常報
m
目O[0009]進一步的，步驟一之前還包括一個參數設定步驟，所述參數設定步驟通過一個管理程序設定需監控的url以及設定所述特征DOM元素。
[0010]進一步的，所述特征DOM元素的設定是由人工在需要監控的頁面中的所有DOM元素中指定產生的，指定方法為可視化插件圈定DOM元素或者手工輸入DOM元素信息。
[0011]進一步的，步驟三B中判斷所述特征DOM元素中是否有內容是根據特征DOM元素所占的位置來判斷的，即特征DOM元素的寬度和高度必須大于一個預先設置的閥值。
[0012]進一步的，所述閥值為O。
[0013]進一步的，所述異常警報為發出的一個即時消息。
[0014]進一步的，所述即時消息為電子郵件或手機短信。
[0015]本發明由于采用了上述技術方案，使之與現有技術相比，故障的發現時間盡可能的提前，降低故障產生的影響。
【專利附圖】
【附圖說明】
[0016]圖1是本發明的監控流程示意圖
圖2是本發明的監控源數據設置流程示意圖 圖3是實施例中被監控頁面的示意圖
【具體實施方式】
[0017]以下結合附圖和具體實施例對本發明提出的一種監控網頁變動的方法作進一步詳細的說明。
[0018]圖2是本發明的監控源數據設置流程示意圖，如圖2所示，本發明實施例中首先在一個管理程序設定需監控的url在本實施例中設置需監控的url為淘寶網首頁http://WWW.taoba0.com。然后通過可視化插件圈定圖3中的特定區域I廣告欄，即選定了需監控的特征D0M,在本實施例中為一個id為adpanel的div。當然選擇幾個區域都是由使用者自行決定，使用者也可以選擇手工輸入DOM元素信息。
[0019]設定一個定時監控的間隔時間，監控程序開始工作，請參考圖1，加載設置的需要監控的頁面，利用監控JS代碼或者瀏覽器插件，啟動對頁面的掃描監控，這里加載的是淘寶網首頁，下面是其中的部分代碼
<meta name=//description// content="淘寶網,r />
〈meta name=〃keywords〃 content="淘寶，掏寶，網上購物，C2C,在線交易，交易市場，網上交易，交易市場，網上買，網上賣，購物網站，團購，網上貿易，安全購物，電子商務，放心買，供應，買賣信息，網店，一口價，拍賣，網上開店，網絡購物，打折，免費開店，網購，頻道，店鋪〃 />
〈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.一種監控網頁變動的方法，包括: 步驟一:啟動監控程序，加載需要監控的頁面； 步驟二:資源文件定位，判斷該頁面需要各項資源是否存在，所述資源包括但不限于css文件、js文件，如資源存在繼續步驟三，不存在則發出異常報警； 步驟三:頁面異常判斷，通過至少一個特征DOM元素來判斷頁面是否正常，如正常繼續步驟四，不正常則發出異常報警； 步驟四:等待一段設定的時間段后，重復執行步驟一。
2.根據權利要求1所述的一種監控網頁變動的方法，其特征在于所述步驟三中還包括: 步驟三A:判斷所述特征DOM元素是否存在，如存在繼續步驟三B，不正常則發出異常報m.1=I ， 步驟三B:判斷所述特征DOM元素中是否有內容，如有繼續步驟四，沒有則發出異常報m目O
3.根據權利要求1或2所述的一種監控網頁變動的方法，其特征在于在步驟一之前還包括一個參數設定步驟，所述參數設定步驟通過一個管理程序設定需監控的url以及設定所述特征DOM元素。
4.根據權利要求3所述的一種監控網頁變動的方法，其特征在于所述特征DOM元素的設定是由人工在需要監控的頁面中的所有DOM元素中指定產生的，指定方法為可視化插件圈定DOM元素或者手工輸入DOM元素信息。
5.根據權利要求2所述的一種監控網頁變動的方法，其特征在于步驟三B中判斷所述特征DOM元素中是否有內容是根據特征DOM元素所占的位置來判斷的，即特征DOM元素的寬度和高度必須大于一個預先設置的閥值。
6.根據權利要求5所述的一種監控網頁變動的方法，其特征在于所述閥值為O。
7.根據權利要求1或2所述的一種監控網頁變動的方法，其特征在于所述異常警報為發出的一個即時消息。
8.根據權利要求7所述的一種監控網頁變動的方法，其特征在于所述即時消息為電子郵件或手機短信。
【文檔編號】G06F17/30GK103885960SQ201210558646
【公開日】2014年6月25日 申請日期:2012年12月20日 優先權日:2012年12月20日
【發明者】楊飛, 陳寄文 申請人:上海明想電子科技有限公司