第一步：用eclipse新建个android应用;

然后就一个劲的狂点下一步，直到项目创建成功!这里我们可以看到项目上有错误提示和感叹号什么的，我们暂且不管，到最后这些问题都将迎刃而解。

到这一步，你的android项目已经创建完毕了，接下来，咱就是要开始配置cordova的一些文件了。

第二部：cordova文件配置，下面我是采用copy的形式来配置，至于参考文件，在最后会给出下载链接。

1、首先，我们需要在assets目录下新建www目录，并新建个index.html网页文件，不用说，我想大家也应该猜到，这就是咱们程序的入口文件，至于里面怎么写，那就随意了，毕竟咱这是测试。

2、从参考目录中拷贝cordova-2.9.0.jar文件到libs目录。

3、android配置文件修改，打开AndroidManifest.xml，将如下代码拷贝到如下图指定位置：

<supports-screens	android:largeScreens="true"	android:normalScreens="true"	android:smallScreens="true"	android:resizeable="true"	android:anyDensity="true"	/>	<uses-permission android:name="android.permission.CAMERA" />	<uses-permission android:name="android.permission.VIBRATE" />	<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />	<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />	<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />	<uses-permission android:name="android.permission.READ_PHONE_STATE" />	<uses-permission android:name="android.permission.INTERNET" />	<uses-permission android:name="android.permission.RECEIVE_SMS" />	<uses-permission android:name="android.permission.RECORD_AUDIO" />	<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />	<uses-permission android:name="android.permission.READ_CONTACTS" />	<uses-permission android:name="android.permission.WRITE_CONTACTS" />	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />	<uses-permission android:name="android.permission.GET_ACCOUNTS" />

4、修改MainActivity.java文件，打开如下目录下的文件：

打开后删除里面除了第一句之外的所有代码：

然后将如下代码拷贝到后面

import android.os.Bundle;//import android.app.Activity;import android.view.Menu;import org.*rdova.*;//import com.example.hellomobileword.R;public class MainActivity extends DroidGap {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);    		super.setIntegerProperty("splashscreen", R.drawable.splash_sn);		super.setIntegerProperty("loadUrlTimeoutValue", 60000);// 3s后splash关闭super.loadUrl("file:///android_asset/www/index.html", 2000);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

如下图：

很明显，这里有一个报错，因为还少一张splash图片，也就是程序一打开时候显示的图片，只需要copy一张图片放到如下目录即可。

到这一步就算功德圆满，成功的创建了项目，接下来，咱们一起在模拟器上看下效果

以上就是全过程!

随着硬件的完善、高性能浏览器的出现和宽带的普及，技术可以在用户体验方面实现更多种可能，前端技术领域迸发出旺盛的生命力。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。随着手机成为人们生活中不可或缺的一部分，成为人们身体的延伸，人们迎来了体验为王的时代。移动端的前端技术开发前景宽阔。此外，前端技术还能应用于智能电视、智能手表甚至人工智能领域。因此越来越多的人开始学习Web前端技术。