cordova/phoneGap 開發調試工具

原文地址

1、前言

Ripple Emulate：使用Google模擬器，能夠幫到大部分的調試，除了須要調用手機設備方面的功能除外。GapDebug：真機安裝apk，電腦端和真機端同步調試，適用的項目phonegap/cordova/ionic。

2、Ripple Emulate安裝和使用

Apache Ripple主頁：

http://ripple.incubator.apache.org/

安裝：

npm install -g ripple-emulator

使用方法：

項目路徑執行命令行：ripple emulate ；會在默認瀏覽器打開網頁版的模擬器。

模擬項目失敗可能的緣由

運行的路徑內沒有支持的項目。好比沒有index.html文件。若是是cordova項目可能沒找到platform的文件夾，這時會有cordova相關報錯。

3、GapDebug安裝和使用

很是驚喜的發現了這個工具，能夠偵聽安裝在設備上的app，而且進行調試。

用前注意

1. 國外的軟件，又涉及到google，因此，這個軟件下載要FQ；第一次使用時軟件會自動下載android debug tool，從google下載，因此也要FQ。若是翻不動牆，又不能經過萬能的互聯網找到解決方法，那能夠不用再往下看了。
2. 親測的是最新版2.1，能夠用。以前用過網上找的1.0，鏈接不上手機

正文開始

(下面摘自官方指南並翻譯)

調試移動app

使用GapDebug是很是簡單的，只須要鏈接手機，而後就可用起來！

移動端配置

• iOS：啓用Web Inspector

  Settings ⇨ Safari ⇨ Advanced ⇨ Web Inspector，滑動打開

• Android：啓用USB調試

  Settings ⇨ Developer Options ⇨ 勾線 USB Debugging

• 容許APP應用調試

  以Phonegap應用爲例，編輯 platforms/android/AndroidManifest.xml，添加：

  <manifest>
       ....
       <application android:debuggable="true" />
       ....
  </manifest>

  若是使用Phonegap Developer App，則不須要上述設置。

打開GapDebug

1. 從windows開始菜單或Mac Finder打開GapDebug。

沒有鏈接設備的GapDebug界面：

運行後，GapDebug在你的系統上會產生一個調起快捷菜單的圖標，windows是狀態欄右側的托盤，Mac在上面的通知欄上。從Windows系統托盤打開的用戶界面：

1. 使用USB數據線鏈接你的設備到你的工做站（workstation）。（USB線鏈接手機和你的電腦）

2. 容許你的工做站做爲一個信任設備。最初你的設備鏈接你的工做站時，你可能收到提示工做站否是可信任的鏈接源。選擇OK或Trust。

在設備界面的設備信息展現。

USB線鏈接Nexus7 Android設備

提示：咱們建議你的設備不使用自動鎖屏或休眠設置防止沒有響應,而且須要開啓開發者模式中的USB調試功能。

1. 在你的設備上，開始你想作的調試。app將呈如今你的設備面板的設備詳情下方。
   QRConference Buddy app在設備上的呈現

1. 查看鏈接設備和可用的app。選擇一個app在一個新的追蹤視圖（Inspector View）開始一個調試對話。
   調試中的安卓appQR Conference Buddy

用戶界面

界面和瀏覽器的開發者工具都大同小異，很容易上手。

實時調試（Instant Debugging）

app能夠作實時調試，GapDebug自動檢測app的運行並當即開始響應。使用這個圖標切換實時調試。

安裝一個app到你的設備

在你的操做系統裏你可以使用GapDebug快捷地安裝一個或多個app文件到你的設備。有兩個方法安裝app——使用安裝app圖標或拖拽安裝文件到你鏈接的設備上。安裝後app會自動運行，看自動運行設置

注意：安裝到Androi設備前，設置設備容許安裝Google應用商店之外的資源（國產的手機根本不用擔憂這個）。

安裝app

1. 點擊圖標

2. 選擇你要安裝的IOS（.ipa）或android（.apk）文件

3. 當安裝完成後設備面板上多出一條app提示

使用拖拽文件安裝

1. 打開你的文件所在的文件夾

2. 將文件拖拽到設備面板上

1. 安裝完成後會出現一個app提示。

自動和手動運行

GapDebug能自動運行安卓或IOS設備上最新安裝的app。另外GapDebug支持手動開啓app。

Launch-After-Installation設置

app安裝後GapDebug能當即運行它。這個功能節約了從安裝app到調試不受干擾的時間。控制app運行功能下圖有兩個設置項。

「Start app after installation」項默認是勾上的。經過GapDebug安裝的app會自動在你的設備上啓動。

「Only start app if previously running」項容許你指定app運行，僅限運行過或更新過的已安裝app。

注意：在IOS設備上運行app須要作其餘設置。詳情去看IOS設置。

Android設備上的手動運行app

1. 點擊圖標的圖標

2. 從菜單中單擊要運行的app。菜單關閉後app將當即運行

調試多個app

你可能須要同時調試多個app。例如，你可能同時調試一個app的IOS和Android兩個版本。當你選擇設備面板上的一個app時，調試選項卡打開。還有，當前激活的選項卡是藍色的。

當你選擇第二個app調試時，一個新的選項卡打開。單擊能夠切換到另外一個選項卡。兩個選項卡是藍色時由於他們同時打開的是一個調試實例。不管如何，當前使用的是高亮的，其餘的是灰色的。

設備視圖截屏

點擊Snapshot圖標爲設備視圖截屏

從Settings設置你想如何操做截圖

下載、查看和清除設備日誌(sysylog)

一個設備系統日誌包含主要設備和應用事件，可以幫助診斷應用或系統級別錯誤。

下載和查看日誌

操做如圖，點擊菜單的Syslog選項

從Settings中設置你想對日誌的操做

選項1，下載；選項2，打開；選項3，下載並打開

清除日誌

高亮的Clear Syslog項點擊後清除日誌

重啓和設備關機

Restart重啓，Power Off關機

參考文章：原文連接