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才发现,都是泪。

猜你喜欢

转载自blog.csdn.net/qq_32524473/article/details/80613643
今日推荐