android studio 下 ionic cordova 中 使用 CrossWalk

Ionic ，cordova 中 测试 使用 CrossWalk

主要碰到的问题

1、        当然是懂得太少，cordova的插件技术不懂，低级错误找半天

2、        Ionic  Browser add CrossWalk 命令没有了 出错了 没法对比

3、        crosswalk未能成功加载，提示**cpu 架构**错误对话框

4、        运行在fragment中

下面是安装过程记录

安装cordova时要用到node.js的npm

1、安装node.js

2、安装cordova CLI

命令 npm install -g cordova                              

3、创建app

命令 cordova create first com.cycle.firstApp firstApp //first:目录，om.cycle.firstApp app包名,firstApp app名称

4、安装 android sdk ....

5、添加 android平台

命令 cd first;cordova platform add android/ios;

 

6、安装插件cordova-plugin-crosswalk-webview

 

地址 https://github.com/crosswalk-project/cordova-plugin-crosswalk-webview

命令 cordova plugin add cordova-plugin-crosswalk-webview

主要为增加了如下类

platforms\android\src\org\crosswalk\engine\*

 

被调用

public classMainActivity extends CordovaActivity

{

    @Override

    public void onCreate(BundlesavedInstanceState)

    {

        super.onCreate(savedInstanceState);

        // Set by <contentsrc="index.html" /> in config.xml

        loadUrl(launchUrl);------->

    }

}

public classCordovaWebViewImpl implements CordovaWebView {

 

public staticCordovaWebViewEngine createEngine(Context context, CordovaPreferencespreferences) {

        String className =preferences.getString("webview",SystemWebViewEngine.class.getCanonicalName());

        try {

            Class<?> webViewClass =Class.forName(className);

            Constructor<?> constructor =webViewClass.getConstructor(Context.cla