當(dāng)我們?cè)谧銮岸碎_發(fā)，特別是在做移動(dòng)端頁面開發(fā)的時(shí)，有一些網(wǎng)頁是嵌入到移動(dòng)端app中,使用WebView進(jìn)行預(yù)覽的。頁面嵌入后就很難像在開發(fā)環(huán)境中那樣在控制臺(tái)進(jìn)行調(diào)試。此時(shí)，擁有一款移動(dòng)端調(diào)試工具就很有必要。
001
公司做微服務(wù)應(yīng)用，然后將各個(gè)微服務(wù)應(yīng)用集成到app中，app負(fù)責(zé)調(diào)用框架層數(shù)據(jù)，并為相應(yīng)的微服務(wù)提供相關(guān)數(shù)據(jù)，比如：用戶信息。在一個(gè)微服務(wù)中，按照之前約定的方法調(diào)用接口獲取用戶信息并解析，卻發(fā)現(xiàn)用戶數(shù)據(jù)始終讀取不到。后臺(tái)接口正常返回了數(shù)據(jù)。
那只有進(jìn)行排查，使用了鵝廠的TBStudio進(jìn)行調(diào)試，排查出了錯(cuò)誤，后端在返回?cái)?shù)據(jù)時(shí)更改了相應(yīng)數(shù)據(jù)的層次，導(dǎo)致前端解析失敗。
ps: TBStudio需要電腦端安裝軟件，移動(dòng)端（Andriod）安裝X5瀏覽器內(nèi)核才能使用。
002
在寫運(yùn)行在終端機(jī)上的一個(gè)微服務(wù)----自助打印服務(wù)，因?yàn)樘峁┑拇蛴C(jī)中間件問題（中間件只能在ie上面運(yùn)行）,項(xiàng)目一下確定適配ie瀏覽器。開發(fā)中，需要盡可能在終端機(jī)上測試，那是的場景如圖:
因?yàn)閕e的控制臺(tái)調(diào)試不是很好用，有一些信息不能正常打?。ㄖ辽倌桥_(tái)終端機(jī)上是這樣的），TBStudio在這個(gè)場合下也無能為力。
偶然發(fā)現(xiàn)eruda，欣然用作調(diào)試。還算很好的解決了本次項(xiàng)目中的開發(fā)調(diào)試。
ps: eruda使用方法很簡單,CDN引入只需要首頁貼入以下代碼即可：
<script src="http://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
003
對(duì)于移動(dòng)端調(diào)試，還可使用fiddler抓取數(shù)據(jù)包。
fiddler下載地址
