android studio 下 ionic cordova 中 使用 CrossWalk

原创 2016年08月29日 03:26:44

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.class, CordovaPreferences.class);

            return (CordovaWebViewEngine)constructor.newInstance(context, preferences);------>

        } catch (Exception e) {

            throw newRuntimeException("Failed to create webview. ", e);

        }

    }

 

}

----->res-->xml-->config.xml--><preferencename="webView"value="org.crosswalk.engine.XWalkWebViewEngine" />(crossswalk)

 

7、下载xwalk_core_library

/*repositories {

    maven {

       url'https://download.01.org/crosswalk/releases/crosswalk/android/maven2'

    }

}*/


dependencies {

compile'org.xwalk:xwalk_core_library:20.50.533.12'

   

}

如果想运行在fragment中

使用 如下https://github.com/rajivnarayana/CordovaFragmentscordova插件

就两个类 直接下载测试即可

至此 本人测试程序 crosswalk未能成功加载,提示**cpu 架构**错误对话框

继续查找资料

可能是apk太大了

下载

https://download.01.org/crosswalk/releases/crosswalk/android/stable/20.50.533.12/crosswalk-20.50.533.12.zip

在已有android studio工程中新建android library 模块

dependencies {

    compile project(':xwalk_core_library')

}


 

加入上面两幅图片中的 两个动态库和 一个jar包


 

以及资源文件


将该模块的依赖加入到app android 模块

 

最终 编译运行成功

把主要精力放在学习 ionic上去,环境搭建总是浪费 我们  这些 脑子不好使的人很多宝贵的生命啊!~~~~

 

 

 附上测试工程源码:https://github.com/githublqs/MyApplication

补充:(应该可行,未实测)

http://blog.csdn.net/itCatface/article/details/49799337


compile'org.xwalk:xwalk_core_library:20.50.533.12'

改为

compile'org.xwalk:xwalk_core_library:20.50.533.12-arm@aar'

meaven 20.50.533.12 版本 目录下 只有 crosswalk-20.50.533.12.aar (45M)
https://download.01.org/crosswalk/releases/crosswalk/android/stable/20.50.533.12/crosswalk-20.50.533.12.zip
一样都是打包了x86 和 arm的
但是 arm子目录下有 
crosswalk-webview-20.50.533.12-arm.zip23M)看来得在官网好好了解下

未见 20.50.533.12-arm@aar 的文件 子目录下
也都是.zip文件

可以针对针对ARM、X86分别引入对应的库文件

比 在已有android studio工程中新建android library 模块 更方便

等待网友告知此问题的原因:

Specifying aversion of Crosswalk 是不能用了吗??

http://blog.ionic.io/crosswalk-comes-to-ionic/

命令 ionic browseradd crosswalk

输出…

browser is not avalid task

Available tasks:

(use --help or-h for more info)

   start ..........  Starts a new Ionicproject in the specified PATH

 ….

   docs ...........  Opens up thedocumentation for Ionic


 

 

android 的导入crosswalk 用xwalkview 替换webview

用过webvIew开发的各位伙伴应该知道,同样的html代码在ios手机上运行无压力,但是在android手机上运行,慢的要死。还会有各种奇怪的蛋碎问题。后来查阅了很多文章,决定使用crosswalk...

[Phonegap+Sencha Touch] 移动开发35 让Cordova app使用Chromium内核的WebView(Crosswalk/XWalk)

都知道,phonegap/Cordova(安卓)只是给webapp加了一个壳而已,也就是webapp运行于webview之上。 安卓的webview虽然是webkit内核,但是自带的webview和移...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

一个轻量世界级的webView--CrossWalk

Kitkat的改变 Google为了加强WebView的功能,在Kitkat引入了Chromium内核。但还是存在着编辑的bug。 我所知道的一个bug是: Kitkat版WebView在删...

Crosswalk 集成到 Android Studio

Crosswalk介绍:Crosswalk是一款开源的Web引擎,其基于 Chromium/Blink 的应用运行环境,对于混合开发的轻量级应用尤为受欢迎。Crosswalk项目的优势: 最大限度降低...

爬坑之Android Studio 下使用crosswalk,使用maven依赖库打包

先贴官网:https://crosswalk-project.org/blog/这个有中文版的,还是比较考虑大陆开发人员体验的。 1. As下的一个module在build.gradle文件中添加...

Crosswalk集成到Android Studio,替代原生WebView遇到的问题

Crosswalk集成到Android Studio,替代原生WebView遇到的问题前言:最近项目中很多地方用到h5页面,使用Android原生WebView进行展示时,版本低的机型无法显示页面。遂...

轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)

1.进入Crosswalk下载页面,下载其中的Cordova Android (x86)及Cordova Android (ARM),并将他们进行解压。目前稳定版本号为:9.38.208.10 2.在...
  • zapzqc
  • zapzqc
  • 2014年12月15日 17:29
  • 44634

Crosswalk--深度定制webview

前言: 最近项目中需要使用h5来开发定制Android平板的应用,无奈平板性能很差,在原生控件webview中运行动画效果不忍直视。于是想到使用第三方的控件:Crosswalk.1.Crosswalk...
  • lzb_ah
  • lzb_ah
  • 2017年01月05日 09:49
  • 1591

Crosswalk基本用法示例(Demo)

Android 5.0明确指出其webview是支持webRTC的,但是在国内各大厂商的定制下。。咳咳,算了,说多了都是泪啊~!一怒之下我的webview内核换成了crosswalk。换完之后直接被暴...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:android studio 下 ionic cordova 中 使用 CrossWalk
举报原因:
原因补充:

(最多只允许输入30个字)