debugGap是一款移動(dòng)端調(diào)試工具,支持各類平臺(tái)Android、 IOS、 WebOS,黑莓,火狐瀏覽器的操作系統(tǒng),Windows Phone 等等,支持所有的 HTML5 框架。
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)
debuggap怎么使用
第一步:
在需要調(diào)試的頁(yè)面中引入 <script src="debuggap.js" type="text/javascript"></script>。
第二步:
以下演示為 mac版,其他版本大同小異。
在電腦上運(yùn)行 DebugGap.app,接著輸入 本機(jī)IP地址 和 自定義的端口。
第三步
訪問(wèn)頁(yè)面,會(huì)發(fā)現(xiàn)頁(yè)面上多了個(gè)藍(lán)色按鈕,點(diǎn)擊后進(jìn)入 config,配置地址為上述的地址。
最后
抬頭望望電腦屏幕,你會(huì)發(fā)現(xiàn)已經(jīng)配置完成了,那么就開(kāi)始愉快的調(diào)試吧!
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版