[發明專利]轉碼后線上線下環境頁面對比的分析方法和設備

有效

• 申請號: 201410066929.4
• 申請日: 2014-02-26
• 公開（公告）號: CN103870546B
• 公開（公告）日: 2017-03-01
• 發明（設計）人: 王峰;鄒靜
• 申請（專利權）人: 百度在線網絡技術（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京銘碩知識產權代理有限公司11286
• 代理人: 王艷嬌,張川緒

技術領域

本發明涉及轉碼后頁面效果的比較，更具體地講，涉及一種轉碼后線上線下環境頁面對比的分析方法和設備。?

背景技術

以前的網頁主要針對計算機等固定終端，隨著智能終端(例如智能手機）等也可以瀏覽各種網頁的移動終端的出現，由于這些移動終端的顯示屏幕的大小或者移動終端中系統的限制，并不是所有的移動終端都能夠很好地顯示出各種網頁的網頁效果，因此需要使用轉碼器對原本針對計算機設計的原網頁進行轉碼，使其適應各種移動終端的顯示屏幕。?

由于互聯網的網頁千姿百態、頁面類型和形態不勝枚舉，現有技術中對轉碼頁面的質量測試是用人工用肉眼進行測試，即人工對兩個網頁進行一一比對以找到差異。由于人為主觀因素，還容易導致測試的頁面種類不全，使測試結果參考性大打折扣。?

發明內容

因此，本發明提供了一種用于轉碼后線上線下環境頁面對比的分析方法，所述方法包括：獲取并存儲配置文件；根據存儲的配置文件獲取線上和線下訪問的html頁面；通過對比線上和線下訪問的html頁面的Dom樹來獲取線上和線下訪問的html頁面之間的差別；根據獲取的線上和線下訪問的html頁面之間的差別來對線上和線下訪問的html頁面之間的相似性進行打分；根據獲取的線上和線下訪問的html頁面之間的差別來將線上和線下訪問的html頁面之間的變化進行漂染；展現漂染后的線上和線下訪問的html頁面以及打分結果。?

優選地，獲取線上和線下訪問的html頁面可包括：根據存儲的配置文件拼接線上和線下訪問的URL；根據拼接的線上和線下訪問的URL獲取執行?javascript后的線上和線下訪問的html頁面。?

優選地，可通過使用模擬瀏覽內核程序來執行URL，從而生成執行javascript后的html頁面。?

優選地，獲取線上和線下訪問的html頁面之間的差別可包括：預處理線上和線下訪問的html頁面；對比預處理后的線上和線下訪問的html頁面的Dom樹。?

優選地，對比預處理后的線上和線下訪問的html頁面的Dom樹可包括：獲取線上和線下訪問的html頁面的Dom樹；遍歷Dom樹獲取各個標簽的內容；分別針對線上和線下訪問的html頁面的Dom樹中獲取的各個標簽內容進行比較；以Hash數組形式展示比較結果。?

本發明提供了一種用于轉碼后線上線下環境頁面對比的分析設備，所述分析設備可包括：配置文件獲取單元，獲取并存儲配置文件；HTML頁面獲取單元，根據存儲的配置文件獲取線上和線下訪問的html頁面；HTML頁面差別計算單元，通過對比線上和線下訪問的html頁面的Dom樹來獲取線上和線下訪問的html頁面之間的差別；打分單元，根據獲取的線上和線下訪問的html頁面之間的差別來對線上和線下訪問的html頁面之間的相似性進行打分；漂染單元，根據獲取的線上和線下訪問的html頁面之間的差別來將線上和線下訪問的html頁面之間的變化進行漂染；展現單元，展現漂染后的線上和線下訪問的html頁面以及打分結果。?

優選地，HTML頁面獲取單元可包括：URL拼接子單元，根據存儲的配置文件拼接線上和線下訪問的URL；HTML頁面獲取子單元，根據拼接的線上和線下訪問的URL獲取執行javascript后的線上和線下訪問的html頁面。?

優選地，HTML頁面獲取子單元可通過使用模擬瀏覽內核程序來執行URL，從而生成執行javascript后的html頁面。?

優選地，HTML頁面差別計算單元可包括：HTML頁面預處理單元，預處理線上和線下訪問的html頁面；Dom樹對比單元，對比預處理后的線上和線下訪問的html頁面的Dom樹。?

優選地，Dom樹對比單元可通過獲取線上和線下訪問的html頁面的Dom樹，遍歷Dom樹獲取各個標簽的內容，分別針對線上和線下訪問的html頁面的Dom樹中獲取的各個標簽內容進行比較，并以Hash數組形式展示比較結果，來對比預處理后的線上和線下訪問的html頁面的Dom樹。?

將在接下來的描述中部分闡述本發明另外的方面和/或優點，還有一部分通過描述將是清楚的，或者可以經過本發明的實施而得知。?

附圖說明

通過下面結合附圖對本發明的實施例進行描述，本發明的上述和其他目的將會變得更加清楚，其中：?

圖1是示出根據本發明實施例的用于轉碼后線上線下環境頁面對比的分析方法的流程圖；?

圖2是示出根據本發明實施例的根據存儲的配置文件獲取線上和線下訪問的html頁面的詳細過程；?