當(dāng)我們在做前端開發(fā)休雌，特別是在做移動端頁面開發(fā)的時灶壶，有一些網(wǎng)頁是嵌入到移動端app中,使用WebView進行預(yù)覽的。頁面嵌入后就很難像在開發(fā)環(huán)境中那樣在控制臺進行調(diào)試。此時胚宦，擁有一款移動端調(diào)試工具就很有必要井联。
001
公司做微服務(wù)應(yīng)用蚕脏，然后將各個微服務(wù)應(yīng)用集成到app中，app負(fù)責(zé)調(diào)用框架層數(shù)據(jù)挣棕，并為相應(yīng)的微服務(wù)提供相關(guān)數(shù)據(jù)细燎，比如：用戶信息。在一個微服務(wù)中户辫，按照之前約定的方法調(diào)用接口獲取用戶信息并解析瘟忱，卻發(fā)現(xiàn)用戶數(shù)據(jù)始終讀取不到。后臺接口正常返回了數(shù)據(jù)九榔。
那只有進行排查，使用了鵝廠的TBStudio進行調(diào)試，排查出了錯誤且预，后端在返回數(shù)據(jù)時更改了相應(yīng)數(shù)據(jù)的層次截酷，導(dǎo)致前端解析失敗三热。
ps: TBStudio需要電腦端安裝軟件，移動端（Andriod）安裝X5瀏覽器內(nèi)核才能使用。
002
在寫運行在終端機上的一個微服務(wù)----自助打印服務(wù)首妖，因為提供的打印機中間件問題（中間件只能在ie上面運行）,項目一下確定適配ie瀏覽器棚壁。開發(fā)中，需要盡可能在終端機上測試逆害，那是的場景如圖:
終端機調(diào)試
因為ie的控制臺調(diào)試不是很好用，有一些信息不能正常打右砜佟（至少那臺終端機上是這樣的）量愧，TBStudio在這個場合下也無能為力浑此。
偶然發(fā)現(xiàn)eruda，欣然用作調(diào)試暖哨。還算很好的解決了本次項目中的開發(fā)調(diào)試赡若。
ps: eruda使用方法很簡單,CDN引入只需要首頁貼入以下代碼即可：
<script src="http://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
003
對于移動端調(diào)試躺苦，還可使用fiddler抓取數(shù)據(jù)包。
fiddler下載地址
