adt配置支持html5的移动webapp开发环境

如果想在android adt上配置支持html5的移动web开发环境，就离不开已下插件

1.gef插件，用来支持配置htmleditor插件。自己网上找资源下载。

2.htmleditor插件，html编辑器。点此下载

3.phoneGap插件api，html5web app开发框架。点此下载

4.谷歌支持html5的编辑器插件。

安装好这几个插件就可以进行开发了。

按照顺序安装这四个插件，其中1，2，只需要从下载的包里边，将对应的features和plugins两个文件夹里边的文件拷贝到对应的dat->eclipse->对应的问价里边即可。

3的操作：

(1)下载好phonegap，如图

(2)将里边的phonegap-1.0.0.jar拷贝到android项目的libs文件夹下，并配置环境，如图

，

(3)将里边的phonegap-1.0.0.js加到assets->www文件夹中，没有的话就创建文件夹。如图

(4)将phonegap文件夹里边的的xml文件夹拷贝到项目res文件夹里边，在此就不做截图演示了，

(5)在项目的AndroidManiFest.xml文件里加上如下代码：

 

 

    android:largeScreens="true"

    android:normalScreens="true"

    android:smallScreens="true"

    android:resizeable="true"

    android:anyDensity="true"

    />

在对应的application标签里加上一个和activity同级的标签

    android:name="org.apache.cordova.DroidGap" 

    android:label="@string/app_name" 

    android:cOnfigChanges="orientation|keyboardHidden"> 

接下来在对应的activity页面里边，将初始界面改成如下图样式，其中index.html是在对应的文件夹下床架的html文件。

  至此，第三步已经完成，此时可以编辑html文件和使用phonegapAPI，但是无法识别html5新的标签。

4的操作：

这步的东西需要我们从adt的软件中下载，下载链接是http://download.aptana.com/studio3/plugin/install。

操作步骤是adt中help->install new software->add,将链接添加到location的位置，name不需要写，然后确定，安装，如图 

下载好后重启adt，然后

在Window菜单中找到Preferences，打开的菜单中左边的树中展开General，找到editor
点击File Associations，然后在上边选择要设置的文件后缀名，在下边找到aptana相应的编辑器，然后点“default”即可完成默认的设置了。

如图

如此，完成安装，可以使用了。