移動page調試工具DebugGap

webview是什麼？

webView是安卓中用來顯示html文本内容的的控件，對html5也有很好的支援，ios的控件UIWebView差不多。可以簡單的了解為webview是app中内置的一個浏覽器，是一款高性能webkit核心浏覽器，在SDK中封裝成了WebView元件；通過執行個體化一個webview的java代碼可以看出，webview内置浏覽器版本是依賴于機器的Android系統版本：

WebView webview = new WebView(this);
 setContentView(webview);      

認識DebugGap

官方位址http://www.debuggap.com

DebugGap可以同時調試多個裝置。無論是什麼平台和浏覽器，支援大量的移動平台，隻要移動平台支援HTML5

• 快速查找元素。

* 當你的Web應用程式是很複雜時，如果你想找到一個特定的元素，如果使用“Insepct”功能，debuggap很快就會發現你的節點元素。
           

* 當你檢視的元素，你可以使用盒映射來看它的位置，填充，邊緣和大小;
           

• chrome整合

* DebugGap內建了chrome的調試。這意味着可以單步，觀察變量等。它僅支援Android裝置。
           

• 控制台

配置DebugGap

• 運作遠端DebugGap
  • 輕按兩下可執行檔案“debuggap”以運作應用
  • 通常情況下，debuggap可以獲得IP自動設定預設端口，如果沒有，你可以手動設定，例如192.168.1.4: 11111
  • 單擊“連接配接”按鈕，為各類使用者啟動偵聽器
• 在用戶端配置
  • 引入debuggap.js到Web項目中。（我們建議添加它之前，包括其他JavaScript檔案）

<script src="你的debuggap.js檔案位址" type="text/javascript"></script>      

* 當您的Web應用程式加載，将在您的應用程式的一個藍點
* 發掘現場，一四片葉子的三葉草将顯示
* 點選“配置”頁顯示配置頁。輸入主機和端口應與那些在偏遠的debuggap如192.168.1.4: 11111是相同的，然後點選“連接配接”按鈕
           

• 遠端debuggap将檢測到客戶和開發者可以點選每個用戶端調試。

注意

• 添加代理192.168.1.4: 11111網絡記錄所有HTTP請求
• 檢查html元素（點選“檢查”葉四片葉子的三葉草，然後點選你想檢查元素）
• 為了使用單步調試Android，請啟用USB調試開發選項