在web測(cè)試過(guò)程中，經(jīng)常會(huì)遇到頁(yè)面中內(nèi)容或數(shù)據(jù)顯示錯(cuò)誤，甚至不顯示，第一反應(yīng)就是BUG，進(jìn)一步了解這個(gè)BUG的問(wèn)題出在那里，是測(cè)試人員需要掌握的，可以簡(jiǎn)單的使用瀏覽器自帶開(kāi)發(fā)者工具、數(shù)據(jù)庫(kù)工具配合去排查。

蜀山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

bug定位常用工具

Firefox——firebug、web developer、live http headers、http fox

IE插件——httpwatch

第三方工具——fiddler

慢速網(wǎng)模擬工具——firefox throttle

前臺(tái)錯(cuò)誤

   前臺(tái)的bug通常是功能、界面和兼容性等有關(guān)，涉及到j(luò)stl，jsp，js，css，html方面比較多。bug主要有兩塊，第一就是JS寫(xiě)的有問(wèn)題，這個(gè)你可以按F12 打開(kāi)控制臺(tái)，在console中查看報(bào)錯(cuò)信息，一般瀏覽器都會(huì)顯示報(bào)錯(cuò)的jS ，對(duì)于出錯(cuò)的js可以在Sources下查看對(duì)應(yīng)報(bào)錯(cuò)的資源文件，基本上都會(huì)找到錯(cuò)誤原因的變量未定義，參數(shù)未定義等，JS錯(cuò)誤都很好解決的。

第二個(gè)就是頁(yè)面中的bug了，現(xiàn)在做web項(xiàng)目基本上沒(méi)有做靜態(tài)頁(yè)面的都是動(dòng)態(tài)了，所以你頁(yè)面中要么使用了小腳本要么使用了EL表達(dá)式來(lái)存值。頁(yè)面報(bào)錯(cuò)的話 在控制臺(tái)是可以看到你錯(cuò)誤行號(hào)和附近代碼的，你自己去找就行了。

圖片不顯示，谷歌瀏覽器右鍵點(diǎn)擊圖片，點(diǎn)擊【檢查】，（火狐瀏覽器右鍵點(diǎn)擊【使用firebug查看元素】）在打開(kāi)的控制臺(tái)上找出圖片的屬性，輸入到瀏覽器的地址內(nèi)，如果能打開(kāi)圖片，那么不顯示圖片的問(wèn)題就是后臺(tái)的問(wèn)題；如果瀏覽器內(nèi)不能打開(kāi)圖片，那么就是前端的問(wèn)題。

開(kāi)發(fā)者工具的使用（chrom瀏覽器）

（1）打開(kāi)開(kāi)發(fā)者工具，在瀏覽器菜單欄選擇工具-開(kāi)發(fā)者工具，快捷鍵是F12

（2）打開(kāi)之后切換到Network頁(yè)簽，操作就可以看到請(qǐng)求響應(yīng)

（3）再選擇響應(yīng)的鏈接，切換到Preview頁(yè)簽，可以看到響應(yīng)的結(jié)果數(shù)據(jù)；切換到Headers頁(yè)簽可以看到請(qǐng)求的地址，請(qǐng)求的方式，結(jié)果等信息

（4）Response結(jié)果中可以看到返回的數(shù)據(jù)字段、值

可以根據(jù)響應(yīng)的值判斷一些bug所在

（1）響應(yīng)中沒(méi)有數(shù)據(jù)，則是后端數(shù)據(jù)沒(méi)有返回，前端展示為空，則為后端問(wèn)題。例如：列表中新增一個(gè)數(shù)據(jù)，沒(méi)有顯示，通過(guò)請(qǐng)求中可以看到數(shù)據(jù)total為0，則是后端數(shù)據(jù)沒(méi)有返回。

（2）響應(yīng)中有數(shù)據(jù)，但是前端顯示錯(cuò)誤了，可以根據(jù)字段值判斷是否前端顯示中取錯(cuò)了字段顯示，可以判斷是前端問(wèn)題。例如：B端顯示內(nèi)容錯(cuò)誤了，把登錄用戶名顯示了登錄帳號(hào)，則可以在響應(yīng)中看數(shù)據(jù)是否返回正確，返回正確而顯示錯(cuò)誤，則有可能是前端綁定字段錯(cuò)誤。

（3）響應(yīng)中有數(shù)據(jù)，但是跟自己操作的結(jié)果不一致，可以根據(jù)數(shù)據(jù)庫(kù)查詢，如果數(shù)據(jù)庫(kù)中也沒(méi)有記錄，可能是代碼有問(wèn)題，沒(méi)有記錄你的操作。例如：注冊(cè)了一個(gè)帳號(hào)，但是登錄時(shí)提示帳號(hào)或密碼錯(cuò)誤，這就可以在數(shù)據(jù)庫(kù)表中查看是否有注冊(cè)的數(shù)據(jù)。

后臺(tái)錯(cuò)誤

根據(jù)后臺(tái)日志文件查找錯(cuò)誤
    后臺(tái)涉及到servlet，jms，ejb，還有很多框架，struts，hibernate，spring，ibatis等。bug 比較難改，但是好找。主要就是看控制臺(tái)報(bào)錯(cuò)，然后定位錯(cuò)誤行號(hào)。如果配置文件沒(méi)有問(wèn)題，那么一般的報(bào)錯(cuò)就是空指針，或者是數(shù)組下標(biāo)越界?？锤浇兞浚捶椒ǖ膮?shù)基本上都可以定位錯(cuò)誤了

重啟的一般情況：
（1）熱部署 （新增部分功能，或者修改部分bug) （2）發(fā)布新版本 （整個(gè)系統(tǒng)）（3）內(nèi)存溢出，此時(shí)重啟服務(wù)器即可

由于項(xiàng)目中有線程程序，./shutdown腳本關(guān)閉tomcat程序，不能把啟動(dòng)的線程全部關(guān)閉，造成服務(wù)器啟動(dòng)線程未關(guān)閉的錯(cuò)誤,所以
Linux系統(tǒng)中重啟Tomcat的一般步驟：（一般是先關(guān)閉進(jìn)程，然后進(jìn)行重啟 ，如果 /要?jiǎng)h除某個(gè)文件：rm 文件名，或者不為空的文件夾：rm -rf 文件夾名）
cd usr/local/        //測(cè)試服務(wù)器名稱/bin
ps -exf            //看測(cè)試服務(wù)器下運(yùn)行的項(xiàng)目的主進(jìn)程（最前面的數(shù)字為PID進(jìn)程號(hào)）
kill -9 PID         //強(qiáng)制關(guān)閉某一項(xiàng)目的主進(jìn)程
./startup.sh         // ./**.sh 即執(zhí)行重啟shell腳本文件 ，此時(shí)在測(cè)試服務(wù)器的bin下面，直接執(zhí)行即可，其余的加上 chmod a+x shell腳本文件，也可用./執(zhí)行
（小知識(shí)：
ps aux和ps -ef命令區(qū)別
ps aux 是用BSD的格式來(lái)顯示 java這個(gè)進(jìn)程
顯示的項(xiàng)目有：USER,PID,%CPU,%MEM,VSZ,RSS,TTY,STAT,START,TIME,COMMAND
ps -ef 是用標(biāo)準(zhǔn)的格式顯示java這個(gè)進(jìn)程
顯示的項(xiàng)目有：UID,PID,PPID,C,STIME,TTY,TIME,CMD）

如何查看日志
一臺(tái)服務(wù)器可以部署多個(gè)應(yīng)用
cd usr/local/測(cè)試服務(wù)器名稱/logs   //查看先進(jìn)入到服務(wù)器的logs目錄下
tail -f catalina.out          //監(jiān)視catalina.out 文件的尾部?jī)?nèi)容（默認(rèn)10行）
日志中常見(jiàn)的問(wèn)題
獲取日志文件中常遇到的問(wèn)題：
(1)編碼問(wèn)題：tomcat是新的，需要改編碼修改tomcat的server.xml文件
特別是windows下的項(xiàng)目重新部署到linux系統(tǒng)下，
(2)空指針：程序問(wèn)題，一般沒(méi)有考慮到為空情況，或者主外鍵約束的數(shù)據(jù)為空，或者刪除關(guān)聯(lián)數(shù)據(jù)，導(dǎo)致為空
(3)長(zhǎng)度過(guò)長(zhǎng)，超過(guò)大長(zhǎng)度，測(cè)試環(huán)境修改數(shù)據(jù)庫(kù)字段長(zhǎng)度后生產(chǎn)環(huán)境未修改，導(dǎo)致報(bào)錯(cuò)??！
(4)非法數(shù)據(jù)
(5)內(nèi)存溢出：重啟

一般的問(wèn)題原因總結(jié)
程序：為空判斷，增刪改查,不同公眾號(hào)調(diào)用的接口也不一樣
數(shù)據(jù)初始化：數(shù)據(jù)庫(kù)表結(jié)構(gòu)和數(shù)據(jù)初始化，權(quán)限配置，

故障無(wú)法重現(xiàn)時(shí)：
（1）看日志，根據(jù)日志定位原因，則在測(cè)試環(huán)境中按照日志提示構(gòu)造條件相同的測(cè)試案例測(cè)試，嘗試在測(cè)試環(huán)境中將問(wèn)題重現(xiàn)。問(wèn)開(kāi)發(fā)
（2）測(cè)試環(huán)境和配置與實(shí)際的工程環(huán)境和配置有哪些差異等等。同時(shí)主動(dòng)與開(kāi)發(fā)負(fù)責(zé)人、工程實(shí)施人員以及有經(jīng)驗(yàn)的項(xiàng)目經(jīng)理討論，分析可能導(dǎo)致的原因。

配置環(huán)境不一致導(dǎo)致
測(cè)試環(huán)境ok，生產(chǎn)環(huán)境新增時(shí)保存失敗，查看后臺(tái)日志報(bào)長(zhǎng)度溢出，數(shù)據(jù)庫(kù)內(nèi)容字段要求和生產(chǎn)環(huán)境不一致

輔助工具：linux和SQL
linux查看日志
SQL用來(lái)篩選數(shù)據(jù)或直接進(jìn)行數(shù)據(jù)修改狀態(tài)，多用于集成測(cè)試過(guò)程中前后流程相連接

jsp分不清前后臺(tái)的，因?yàn)檫@里涉及到一個(gè)運(yùn)行時(shí)刻的問(wèn)題，它們的運(yùn)行時(shí)刻是不同。用戶發(fā)出請(qǐng)求后，服務(wù)器解析用戶請(qǐng)求，轉(zhuǎn)至對(duì)應(yīng)的jsp，這個(gè)時(shí)候可以說(shuō)是整個(gè)jsp都是后臺(tái)程序。而Jsp做出響應(yīng)后，把響應(yīng)的內(nèi)容返回給瀏覽器，這個(gè)時(shí)候?yàn)g覽器就只看見(jiàn)html,css,javascript，這個(gè)時(shí)候所有的程序又都是前臺(tái)程序。

火狐瀏覽器的web控制臺(tái)

打開(kāi)方式如下：菜單上點(diǎn)擊【工具】

Web控制臺(tái)頁(yè)面顯示

谷歌瀏覽器開(kāi)發(fā)者工具

按F12打開(kāi)，頁(yè)面顯示如下：

Element標(biāo)簽：該標(biāo)簽使用來(lái)查看頁(yè)面的HTML標(biāo)簽元素的，能夠也就是查看源碼，我們可以看到布局，可以看到用到的樣式，還有用到的鏈接等等。

console標(biāo)簽：這個(gè)就是一個(gè)web控制臺(tái)，可以查看網(wǎng)頁(yè)運(yùn)行后提示的消息，錯(cuò)誤或者警告以及輸出內(nèi)容等

sources標(biāo)簽：這個(gè)是顯示資源文件的，可以查看運(yùn)行的腳本，調(diào)試一般都是在Sources調(diào)試的

1.該選擇框使用來(lái)選擇資源的，當(dāng)網(wǎng)頁(yè)被加載的時(shí)候向服務(wù)器端請(qǐng)求出來(lái)的文件包括.html .ccs .js這樣的文件。
2.這個(gè)地方使用來(lái)調(diào)試js代碼的地方，這個(gè)非常重要，看到行號(hào)上面有藍(lán)色的標(biāo)簽，這個(gè)標(biāo)簽就是斷電，當(dāng)我們需要調(diào)試程序的時(shí)候打一個(gè)斷電，然后通過(guò)3這個(gè)工具欄進(jìn)行調(diào)試，那么調(diào)試過(guò)程就不詳細(xì)解釋，也就是打一個(gè)斷電然后刷新頁(yè)面程序會(huì)調(diào)到你打斷點(diǎn)的地方，然后通過(guò)4來(lái)查看程序中變量的值什么的。
3.中的標(biāo)簽，第一個(gè)是停止?fàn)顟B(tài)的按鈕就是表示程序是否停止（在debug時(shí)），后面的是程序繼續(xù)跳過(guò)方法，跳過(guò)下一個(gè)語(yǔ)句，調(diào)到上一個(gè)語(yǔ)句。

Network標(biāo)簽：這個(gè)就是抓包常用的工具，可以看到網(wǎng)頁(yè)加載的腳本和資源的時(shí)間，還可以看到某些不能加載成功的資源

那么這個(gè)頁(yè)面就是用于抓包的頁(yè)面，我們需要分析頁(yè)面的請(qǐng)求，比如模擬登陸什么的都需要去分析程序是怎么在后臺(tái)執(zhí)行的，接下來(lái)就，我們可以看到Headers（請(qǐng)求消息頭）Preview（預(yù)覽）Response（響應(yīng)）Timing（請(qǐng)求時(shí)間）Cookie這些東西

最上面還有一個(gè)工具欄，有一個(gè)紅色的圓點(diǎn)和靜止符號(hào)的按鈕，那么這兩個(gè)按鈕，當(dāng)為紅色按鈕的時(shí)候表示當(dāng)前的請(qǐng)求不被清空（但是這里的請(qǐng)求是不跳轉(zhuǎn)頁(yè)面的請(qǐng)求，當(dāng)跳轉(zhuǎn)到新的頁(yè)面，那么也會(huì)請(qǐng)求也會(huì)被清空），后面這個(gè)按鈕就是清空請(qǐng)求的。

下面還有一行工具欄，這個(gè)工具欄主要是用來(lái)選擇和過(guò)濾請(qǐng)求消息的。

再下面可以看到時(shí)間線，這個(gè)就是記錄一個(gè)請(qǐng)求開(kāi)始到結(jié)束的時(shí)間。

注意：當(dāng)你需要請(qǐng)求到另一個(gè)頁(yè)面的時(shí)候都不清空你的請(qǐng)求的時(shí)候需要勾選上Preserve log，同時(shí)讓紅色按鈕顯示紅色

TimeLiness標(biāo)簽：這個(gè)就是請(qǐng)求時(shí)間

網(wǎng)站題目：Web測(cè)試中定位bug方法-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源：http://weahome.cn/article/cchdop.html