ionic集成Crosswalk以及调试ionic项目

来源:互联网 发布:网络贷款条件 编辑:程序博客网 时间:2024/05/16 15:31

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

以前集成方法:

添加crosswalk

1ionic browser add crosswalk

移除crosswalk

1ionic browser revert android     或者   ionic browser remove crosswalk

现在集成方法:

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

1. 安装crosswalk插件

1cordova plugin add cordova-plugin-crosswalk-webview

20160218002652

2.  安装成功.

20160218002914

3. 编译ionic项目

1ionic build android

20160218003037

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,).

一般编译正常的话,会从如下链接下载库文件。

1https://download.01.org/crosswalk/releases/crosswalk/android/

然后编译成功之后会生成X86和ARM两个版本的apk.

1platforms/android/build/outputs/apk/android-x86-debug.apk
2platforms/android/build/outputs/apk/android-armv7-debug.apk

20160217001701

5. 解决以上错误。

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

201602180042466. 继续编译ionic项目

20160218004555

7.  编译错误: Manifest merger failed : uses-sdk:targetSdkVersion 22 cannot be different than version L declared.

再次编译出现错误:

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

20160218004854

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.

20160218005410

解决方法是降低版本crosswalk.

20160218010616

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

20160218010847

9. 再次重新编译

20160218011123

10. 编译成功。

20160218011200

11. 运行ionic项目

1ionic run android

20160218011829

20160218011927

12. 调试ionic项目

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

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

1chrome://inspect

20160218012751

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

20160218012944

转载请注明:Jhonse技术博客 - 关注技术资讯以及技术文章的IT博客 » ionic集成Crosswalk以及调试ionic项目

0 0