cordova開發測試工具彙總

cordova上手血淚史

上手一個架構免不了開發工具以及測試工具。

在安裝号cordova開發環境後，可以使用此教程w3c cordova環境配置，之後運作cordova run android會存在一個問題，會遠端下載下傳 Downloading http://services.gradle.org/distributions/gradle-4.1-all.zip

随着cordova更新，這個版本号之後可能會改。方法：

1、先下載下傳好gradle-2.2.1-all.zip包，放在myApp\platforms\android\gradle檔案夾下

2、打開myApp\platforms\android\cordova\lib\builders\GradleBuilder.js檔案，找到

Downloading http://services.gradle.org/distributions/gradle-4.1-all.zip 修改為../gradle-4.1-all.zip

修改後的代碼，指向wrapper同級目錄下面的gradle-4.1-all.zip 檔案，這個是單獨下載下傳的

3、最後打開gradle-wrapper.properties裡同樣修改為../gradle-4.1-all.zip

開發工具：開發界面方面，因為這是一個hybrid（混合）應用架構，界面方面使用css3+js+h5來開發，同時可搭配各類單頁面架構，ionic，jq mobile等，我使用的開發工具為hbuilder，之後使用cordova run android，即可生成apk，若是連接配接了手機會自動運作，沒有的話可能沒開啟usb調試，也可能adb問題，adb一定要能運作才會自動安裝。

調試工具：這個坑是因為一直想找一個能出現console.log的以及檢視網絡的，最後找到了這個。若是自己開發插件時涉及原生的隻能通過android studio或者eclipse了。

多種螢幕的調試可以使用浏覽器自帶的模拟器調試，多種android系統的測試還沒試過，大概隻能使用eclipse的模拟器進行，最後若是界面運作出現問題，可以使用google浏覽器的chrome://inspect/，之後連接配接手機後會出現，點選inspect，首次需要翻牆，可以随便找個加速器，不需什麼流量，這個的原理是android4.4以上的webview核心為google浏覽器的，是以能連接配接，若是開發單純的web移動應用，也可通過這個方式調試。到此至少可以愉快的開發了。

說明遇到的坑：在搭配jq mobile進行開發時，在進行$('#main').load('./apis/storage.html')時發現index.js進行load時需相對導入的html而言，然後不小心寫成了../apis/storage.html，運作cordova run browser時一直沒問題，這是因為在伺服器根目錄時，如localhost:8000，這時不管怎麼向上，都不會執行，隻會到localhost:8000，最後本來出現問題的../卻沒有問題，在android運作時因為根目錄不一樣file:///android_asset/www/index.html，剛好多了一層故出現問題，最後使用chromeinspect才發現，都是淚。