把CordovaWebView嵌入到自己的应用（Embedding WebViews）

以下以Android为例。

（1）下载最新版的Cordova-Android
https://github.com/apache/cordova-android/releases
2015/02/04 最新版：cordova-android-3.7.1.zip

（2）解压到本地C盘后，通过命令行进入C:\cordova-android-3.7.1\framework

（3）执行命令“D:/android-sdk/tools/android update project -p .”
会生成以下两个文件：

引用

local.properties
proguard-project.txt

（4）执行命令 “ant jar”
会build这个Cordova的library工程，生成cordova-3.7.1.jar

引用

C:\cordova-android-3.7.1\framework\cordova-3.7.1.jar

（5）新建一个Android工程“CordovaViewSample”，把cordova-3.7.1.jar拷贝到libs文件夹下。

（6）在res/layout/activity_main.xml文件中加入以下代码

<org.apache.cordova.CordovaWebView
    android:id="@+id/tutorialView"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

（7）修改Activity，可以参考CordovaActivity.java
/framework/src/org/apache/cordova/CordovaActivity.java

public class MainActivity extends Activity implements CordovaInterface {
	
	private final ExecutorService threadPool = Executors.newCachedThreadPool();

    // The webview for our app
	protected CordovaWebView appView;
	
    // Plugin to call when activity result is received
    protected int activityResultRequestCode;
    protected CordovaPlugin activityResultCallback;
    
    protected CordovaPreferences prefs = new CordovaPreferences();
    protected Whitelist internalWhitelist = new Whitelist();
    protected Whitelist externalWhitelist = new Whitelist();
    protected ArrayList<PluginEntry> pluginEntries;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		appView = (CordovaWebView) findViewById(R.id.tutorialView);
        
        internalWhitelist.addWhiteListEntry("*", false);
        externalWhitelist.addWhiteListEntry("tel:*", false);
        externalWhitelist.addWhiteListEntry("sms:*", false);
        prefs.set("loglevel", "DEBUG");
        
        appView.init(this, makeWebViewClient(appView), makeChromeClient(appView),
        		pluginEntries, internalWhitelist, externalWhitelist, prefs);
        
        appView.loadUrlIntoView("http://m.jd.com/");
	}
	
    protected CordovaWebViewClient makeWebViewClient(CordovaWebView webView) {
        return webView.makeWebViewClient(this);
    }
    
    protected CordovaChromeClient makeChromeClient(CordovaWebView webView) {
        return webView.makeWebChromeClient(this);
    }
    
	@Override
	public Activity getActivity() {
		return this;
	}

	@Override
	public ExecutorService getThreadPool() {
		return threadPool;
	}

	@Override
	public Object onMessage(String id, Object data) {
		if ("exit".equals(id)) {
			super.finish();
        }
		return null;
	}

	@Override
	public void setActivityResultCallback(CordovaPlugin plugin) {
        if (activityResultCallback != null) {
            activityResultCallback.onActivityResult(activityResultRequestCode, Activity.RESULT_CANCELED, null);
        }
        this.activityResultCallback = plugin;
	}

	@Override
	public void startActivityForResult(CordovaPlugin command, Intent intent, int requestCode) {
		setActivityResultCallback(command);
		try {
			startActivityForResult(intent, requestCode);
		} catch (RuntimeException e) {
			activityResultCallback = null;
			throw e;
		}
	}
	
}

（8）修改AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET" />

（9）编译安装到手机，如下：


如果加载assets下的HTML的话，还需要：

• 1）把HTML/Images/JS等文件拷贝到/assets/www下
• 2）把/framework/res/xml/config.xml拷贝到/res/xml下

http://cordova.apache.org/docs/en/4.0.0/guide_platforms_android_webview.md.html#Android%20WebViews

评论

9 楼 woshiluoyong 2016-02-18  

在楼主提供的github地址中https://github.com/apache/cordova-android/releases下载的最新版zip包(最新5.0.1的和楼主3.7.1的相差很大)中使用test目录中的例子时运行成功后点击主页操作无反应,排查后还需放一个cordova.js在www目录下面才能打开主页面上其他操作,这个最重要的不知官方怎么没有放,浪费我等大好时间,避免大家自己寻找麻烦,附cordova.js下载地址http://download.csdn.net/detail/luoyong123456/9435685

8 楼 lyhsmile 2015-12-21  

这个例子里，怎么处理手机返回键问题呢？

7 楼 dagmom 2015-12-01  

Mjing888 写道

dagmom 写道

android.view.InflateException: Binary XML file line #6: Error inflating class org.apache.cordova.CordovaWebView

会有这个异常，何解？

  不知道你解决了没有，求指导

3.7以后的版本暂不支持作为一个控件使用，我后来改用3.7了，毕竟我很多画面需要原生定制

6 楼 Mjing888 2015-11-28  

dagmom 写道

android.view.InflateException: Binary XML file line #6: Error inflating class org.apache.cordova.CordovaWebView

会有这个异常，何解？

  不知道你解决了没有，求指导

5 楼 Mjing888 2015-11-28  

dagmom 写道

android.view.InflateException: Binary XML file line #6: Error inflating class org.apache.cordova.CordovaWebView

会有这个异常，何解？

？？？？同问

4 楼 Mjing888 2015-11-28  

[2015-11-28 14:49:58 - Dex Loader] Unable to execute dex: Multiple dex files define Lorg/apache/cordova/AuthenticationToken;
[2015-11-28 14:49:58 - MainActivity] Conversion to Dalvik format failed: Unable to execute dex: Multiple dex files define Lorg/apache/cordova/AuthenticationToken;
请问楼主，我把编译好的cordova-5.0.0.jar放在libs下，运行报以上错误，什么原因，我在网上查是jar包冲突，不知道这个包和哪些冲突呢，我也没加额外的什么jar包啊。

3 楼 Mjing888 2015-11-27  

博主 ，我在转化成jar之前也要执行android update project -p,但是我这里报错：Error:Missing argument for flag -p.怎么解决呢

2 楼 dagmom 2015-10-19  

android.view.InflateException: Binary XML file line #6: Error inflating class org.apache.cordova.CordovaWebView

会有这个异常，何解？

1 楼 旮旯2014 2015-04-22