[測試案例]頁面CPU使用率測試

標籤：測試案例   cpu使用率   

1. 情境描述

測試網站某頁面註冊表單，該表單包含若干個文本輸入框以及兩個密碼輸入框：登入密碼和確認密碼。登入密碼只能由數字或字母組成，並且長度在6-20個字元之間，確認密碼必須與登入密碼完全一致，當滿足以上所有條件後，才能成功提交註冊表單，否則提交時將在不符合要求的輸入框右側提示對應的錯誤資訊。

2. 問題說明

在Chrome瀏覽器下對登入密碼和確認密碼輸入框進行反覆輸入測試時，發現瀏覽器的CPU佔有率會不斷上升，導致頁面出現卡頓、無響應的情況，但是在相同瀏覽器下測試其他文本輸入框或在其他瀏覽器下測試密碼輸入框卻沒有發生此類問題。因此，可以懷疑問題是由與密碼輸入框有關的JavaScript指令碼導致的。

3. 測試方法

Chrome瀏覽器開發人員工具可以記錄某段時間內單個JavaScript函數的CPU使用方式。按下鍵盤上的F12開啟開發人員工具，切換到Profiles頁面，如下所示：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/33/EC/wKioL1Oql23y_iYOAAIWz5WQIOg374.jpg" title="Q1.jpg" alt="wKioL1Oql23y_iYOAAIWz5WQIOg374.jpg" />

選中Collect JavaScript CPU Profile選項，點擊Start按鈕開始記錄，此時再用同樣的操作測試密碼輸入框，當發現CPU使用率上升時，點擊Stop停止記錄。之後再查看開發人員工具左側，發現Chrome建立了一個記錄檔案，點擊查看檔案內容，找到百分比最高的一個JavaScript函數，如下所示：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M01/33/EE/wKiom1Oql63AFNMJAAM0tUmGGbU934.jpg" title="Q2.jpg" alt="wKiom1Oql63AFNMJAAM0tUmGGbU934.jpg" />

經過查詢，發現函數所在的JavaScript檔案並不屬於網站本身，而是與Chrome外掛程式有關。於是通過搜尋引擎查詢到檔案源於QQ管家的Chrome外掛程式，該外掛程式會在輸入密碼時進行一些安全相關的檢查，當操作頻率較高時會引起CPU使用率短時間內的飆升。於是開啟Chrome的擴充程式管理器，找到QQ管家外掛程式並將其停用，隨後再次進行測試證實問題已解決，如下所示：

650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/33/F0/wKioL1Oql6vjm2OPAADRnLvRjV0285.jpg" title="Q3.jpg" alt="wKioL1Oql6vjm2OPAADRnLvRjV0285.jpg" />

本文出自 “方圓之間” 部落格，謝絕轉載！