ionic集成Crosswalk以及调试ionic项目

一直使用ionic做项目,但是有的时候速度有点慢,所以只好集成Crosswalk来提升速度。

以前集成方法:

添加crosswalk

ionic browser add crosswalk

移除crosswalk

ionic browser revert android     或者   ionic browser remove crosswalk

工具/原料

  • ionic
  • crosswalk

现在集成方法:

  1. 1

    现在直接可以通过cordova插件来安装。

    1. 安装crosswalk插件

    cordova plugin add cordova-plugin-crosswalk-webview

    ionic集成Crosswalk以及调试ionic项目
  2. 2

    2.  安装成功.

    ionic集成Crosswalk以及调试ionic项目
  3. 3. 编译ionic项目

    ionic build android

    ionic集成Crosswalk以及调试ionic项目
  4. 4.  编译错误: Could not find any version that matches com.android.support:support-v4:[13.0.0,).

    编译错误,提示: Could not find any version that matches com.android.support:support-v4:[13.0.0,).

    ionic集成Crosswalk以及调试ionic项目
  5. 5. 解决以上错误。

    在Android SDK Manager->Extras中选择Android Support Repository和Google Repository进行安装即可。

    ionic集成Crosswalk以及调试ionic项目
  6. 6. 继续编译ionic项目

    ionic集成Crosswalk以及调试ionic项目
  7. 7.  编译错误: Manifest merger failed : uses-sdk:targetSdkVersion 22 cannot be different than version L declared.

    再次编译出现错误:

    view source

    1Manifest merger failed : uses-sdk:targetSdkVersion 22 cannot be different than version L declared in library G:\work\app\Project\bochang\platforms\android\build\intermediates\exploded-aar\com.android.support\support-v4\21.0.0-rc1\AndroidManifest.xml

    ionic集成Crosswalk以及调试ionic项目
  8. 8. 解决错误

    通过查看platforms\android\build\intermediates\exploded-aar\com.android.support\support-v4\21.0.0-rc1\AndroidManifest.xml文件,发现minSdkVersion和targetSdkVersion的值都是L,而项目的minSdkVersion是16以及targetSdkVersion是22.

    解决方法是降低版本crosswalk.

    修改config.xml的xwalkVersion为org.xwalk:xwalk_core_library_beta:15+

    ionic集成Crosswalk以及调试ionic项目
    ionic集成Crosswalk以及调试ionic项目
    ionic集成Crosswalk以及调试ionic项目
  9. 9. 再次重新编译

    ionic集成Crosswalk以及调试ionic项目
  10. 10. 编译成功。

    ionic集成Crosswalk以及调试ionic项目
  11. 11. 运行ionic项目

    ionic run android

    ionic集成Crosswalk以及调试ionic项目
    ionic集成Crosswalk以及调试ionic项目
  12. 12. 调试ionic项目

    crosswalk可以通过谷歌浏览器来调试app项目。

    通过ionic run android运行App之后,在谷歌浏览器中输入:

    chrome://inspect

    再然后点击inspect进入调试页面

    ionic集成Crosswalk以及调试ionic项目
    ionic集成Crosswalk以及调试ionic项目