快速使用eclipse在真机中测试cordova项目

在使用cordova项目的时候,许多朋友在测试时会觉得有些麻烦。在修改完代码后,需要重新使用cordova命令build,然后在把build之后的apk安装到手机上测试,或者run到手机上但很难找到调试信息。

这样不仅会浪费时间,而且无法看到调试信息,用alert这个弹出调试麻烦而且不是所有的都能用,那么我们就需要高效一点的方法。

直接在eclipse进行安装和调试。

1、创建cordova工程

使用cordova命令创建一个cordova工程,并安装好所需的插件(不再详述)。

2、导入到eclipse

打开eclipse,点击file,新建一个项目,导入已有的Android工程,即刚刚创建的cordova工程。

快速使用eclipse在真机中测试cordova项目_第1张图片
导入到eclipse

导入之后,eclipse就会出现cordova项目。

快速使用eclipse在真机中测试cordova项目_第2张图片
eclipse中cordova工程

3、把app拷入cordova工程

将ionic项目或者其他项目拷贝到cordova工程的assets/www文件夹下。需注意,这个文件夹下的文件在使用cordova命令编译时会被cordova工程根目录的www文件覆盖,所以在调试时不使用cordova的编译命令,如果一定要使用(安装插件时会自动编译),需要对文件进行备份,编译之后再拷贝。保留assets/www文件夹下的cordova.js和cordova_plugins.js。

这个目录下的项目可以用webstorm等直接打开和修改。

快速使用eclipse在真机中测试cordova项目_第3张图片
添加项目文件
快速使用eclipse在真机中测试cordova项目_第4张图片
添加项目文件

4、在真机上测试

将测试机连接入电脑,使用eclipse的run Android application,就可以将该项目打包安装在测试机上,并且可以看到调试信息。

快速使用eclipse在真机中测试cordova项目_第5张图片
run Android application
快速使用eclipse在真机中测试cordova项目_第6张图片
调试信息

每当在项目中修改了信息,无论是html代码,还是js代码,都可以直接在eclipse中run 来打包到手机中测试,简洁方便。

你可能感兴趣的:(快速使用eclipse在真机中测试cordova项目)