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

1. 場景描述

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


2. 問題說明

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


3. 測試方法

Chrome瀏覽器開發者工具可以記錄某段時間內單個JavaScript函數的CPU使用情況。按下鍵盤上的F12打開開發者工具,切換到Profiles頁面,如下所示:

wKioL1Oql23y_iYOAAIWz5WQIOg374.jpg

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

wKiom1Oql63AFNMJAAM0tUmGGbU934.jpg

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

wKioL1Oql6vjm2OPAADRnLvRjV0285.jpg



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章