DebugGap移動(dòng)端調(diào)試工具支持跨平臺(tái)調(diào)試h5頁(yè)面,只要是webview,就能查看css屬性,請(qǐng)求,console等。在android 4.4+,DebugGap移動(dòng)端調(diào)試工具支持單步調(diào)試支持跨平臺(tái)開(kāi)發(fā)PHP,javascript,css,html等語(yǔ)言完全免費(fèi)。
功能介紹:
windows、mac、linux支持
凡是支持HTML5的都支持,不僅限手機(jī)內(nèi)置瀏覽器,及應(yīng)用或平臺(tái)。
多設(shè)備調(diào)試
調(diào)試功能:
Elements - css修改、結(jié)構(gòu)查看
Network - 網(wǎng)絡(luò)請(qǐng)求查看
Resources - cookie、本地存儲(chǔ)查看
Sources - 斷點(diǎn)調(diào)試(據(jù)說(shuō)目前僅支持android,未實(shí)測(cè))
Console - 控制臺(tái)
使用方法:
運(yùn)行遠(yuǎn)程
雙擊可執(zhí)行文件“DebugGap”來(lái)運(yùn)行應(yīng)用程序
通常,DebugGap可以自動(dòng)獲得IP并設(shè)置默認(rèn)端口,如果不是,你可以手動(dòng)設(shè)置它
如單擊“連接”按鈕開(kāi)始偵聽(tīng)器為各種各樣的客戶
配置在客戶端
包括debuggap。js在您的web項(xiàng)目。(我們建議添加之前包括其他javascript文件
您的web應(yīng)用程序加載時(shí),將有一個(gè)藍(lán)色的點(diǎn)在您的應(yīng)用程序
挖掘現(xiàn)場(chǎng),一個(gè)四葉苜蓿會(huì)出現(xiàn)
點(diǎn)擊“配置”葉顯示配置頁(yè)面。輸入的主機(jī)和端口應(yīng)該是相同的與在遠(yuǎn)程DebugGap如 192.168.1.4:11111,然后點(diǎn)擊“連接”按鈕
遠(yuǎn)程DebugGap將檢測(cè)未來(lái)的客戶和開(kāi)發(fā)人員可以點(diǎn)擊每個(gè)客戶調(diào)試。