現(xiàn)在安卓系統(tǒng)已經(jīng)成為了世界第一大智能移動(dòng)終端設(shè)備供應(yīng)商。隨著移動(dòng)設(shè)備的用戶越來(lái)越多,每天安卓設(shè)備的激活量都已經(jīng)超過(guò)130萬(wàn)臺(tái),所以我們面向移動(dòng)終端軟件開(kāi)發(fā)的WebAPP也開(kāi)始跟進(jìn)了。
下面,河南北大青鳥(niǎo)老師就為大家介紹一下移動(dòng)終端開(kāi)發(fā)中的webapp調(diào)試的幾種可選方案。
1.weinre遠(yuǎn)程實(shí)時(shí)調(diào)試
Web開(kāi)發(fā)者經(jīng)常使用Firefox的firebug或者Chrome的開(kāi)發(fā)人員工具進(jìn)行Web調(diào)試,包括針對(duì)JavaScript,DOM元素和CSS樣式的調(diào)試。
但是,當(dāng)我們期望為移動(dòng)Web站點(diǎn)或應(yīng)用進(jìn)行調(diào)試時(shí),這些工具就很難派上用場(chǎng)。下面將介紹如此在日常工作使用它。
首先,我們要下載weinre的jar包;
然后通過(guò)運(yùn)行dos命令來(lái)啟動(dòng)它(請(qǐng)注意在你的電腦上已經(jīng)安裝有JDK)。
運(yùn)行命令如下,需要把路徑改成你的實(shí)際文件位置:
java -jar d:toolsweinre-jarweinre.jar –httpPort 8081 –boundHost -all- //。
訪問(wèn)localhost:8081,如果看到如下的頁(yè)面,說(shuō)明weinre已經(jīng)啟動(dòng)成功:
輸入debug client user interface地址(調(diào)試客戶端UI地址)。
2.AVD模擬器調(diào)試
靜態(tài)頁(yè)面并不能滿足我們的需求,很多實(shí)際效果比如touch事件、滾動(dòng)事件、鍵盤輸入事件等,都需要在真實(shí)的環(huán)境下測(cè)試,這時(shí)就需要用到模擬器。
3.手機(jī)抓包與配host
在PC上,我們可以很方便地配host,但是手機(jī)上如何配host,這是一個(gè)問(wèn)題。
這里主要使用fiddler和遠(yuǎn)程代理,實(shí)現(xiàn)手機(jī)配host的操作,具體操作如下:
首先,保證PC和移動(dòng)設(shè)備在同一個(gè)局域網(wǎng)下;
然后,在PC上開(kāi)啟fiddler,并在設(shè)置中勾選“allow remote computers to connect”
再手機(jī)上設(shè)置代理,代理IP為PC的IP地址,端口為8888(這是fiddler的默認(rèn)端口)。
最后,此時(shí)你會(huì)發(fā)現(xiàn),用手機(jī)上網(wǎng),走的其實(shí)是PC上的fiddler,所有的請(qǐng)求包都會(huì)在fiddler中列出來(lái),配合willow使用,即可實(shí)現(xiàn)配host,甚至是反向代理的操作。
以上就是北大青鳥(niǎo)老師在移動(dòng)終端軟件開(kāi)發(fā)中積累的一些調(diào)試經(jīng)驗(yàn),希望能夠給大家一些幫助!