美文网首页
crosswalk替代原生WebView

crosswalk替代原生WebView

作者: 瑟闻风倾 | 来源:发表于2020-10-23 10:36 被阅读0次

    官方Crosswalk的各个版本

    image.png

    1. 集成步骤

    1.1 配置gradle

    • Project下的build.gradle引入
    allprojects {
        repositories {
            google()
            jcenter()
            maven {
                url 'https://download.01.org/crosswalk/releases/crosswalk/android/maven2'
            }
        }
    }
    
    • Module下的build.gradle引入
    api 'org.xwalk:xwalk_core_library:23.53.589.4'
    

    在3.0版本中,compile 指令被标注为过时方法,而新增了两个依赖指令,一个是implement 和api,这两个都可以进行依赖添加

    • api完全等同于compile指令:模块之间有依赖用api。
    • implement:该依赖隐藏在内部,而不对外部公开。
      建议:依赖首先应设置为implement的,如果没有错那就用implement,如果有错那么使用api指令,这样会使编译速度有所增快(在编译性能上implementation 会有所提高的)。

    拓展—查看最新版本:在浏览器打开maven引入的地址,依次进入目录org/xwalk/xwalk_shared_library/ ,即到最终url地址, 最下面的就是最新版了。

    image.png

    1.2 AndroidMainfest.xml中权限配置

    (1) 配置权限

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

    (2) 开启硬件加速:在application标签中声明

    android:hardwareAccelerated="true"
    

    1.3 布局文件引入使用

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    
        <org.xwalk.core.XWalkView
            android:id="@+id/activity_walk_xWalkWebView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    
    </LinearLayout>
    

    crosswork(intel公司) 的 API与webView惊人的相似,只是在有些处理上做了细化。

    1.4 Activity中加载网页

    package com.example.jackboard;
    
    import android.app.Activity;
    import android.content.Intent;
    import android.os.Bundle;
    import android.util.Log;
    import android.view.WindowManager;
    
    import androidx.annotation.Nullable;
    
    import org.xwalk.core.XWalkActivity;
    import org.xwalk.core.XWalkPreferences;
    import org.xwalk.core.XWalkView;
    
    
    public class WebViewCrossWalkActivity extends XWalkActivity {
    
        private XWalkView xWalkWebView;
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                    WindowManager.LayoutParams.FLAG_FULLSCREEN);//隐藏状态栏
            setContentView(R.layout.activity_web_walk);
        }
    
        @Override
        protected void onXWalkReady() {
            xWalkWebView = (XWalkView)findViewById(R.id.activity_walk_xWalkWebView);
            xWalkWebView.load("http://baidu.com", null);
    
            // 开启调试(然后使用chrome打开页面chrome://inspect)
            XWalkPreferences.setValue(XWalkPreferences.REMOTE_DEBUGGING, true);
        }
    
      
    
        @Override
        protected void onResume() {
            super.onResume();
            if (xWalkWebView != null) {
                xWalkWebView.resumeTimers();
                xWalkWebView.onShow();
            }
        }
    
        @Override
        protected void onPause() {
            super.onPause();
            if (xWalkWebView != null) {
                xWalkWebView.pauseTimers();
                xWalkWebView.onHide();
            }
        }
        @Override
        protected void onDestroy() {
            super.onDestroy();
            if (xWalkWebView != null) {//必须显示调用 onDestroy(),防止浏览器引擎的内存泄漏
                xWalkWebView.onDestroy();
            }
        }
    
        @Override
        protected void onActivityResult(int requestCode, int resultCode, Intent data) {
            super.onActivityResult(requestCode, resultCode, data);
            if (xWalkWebView != null) {
                xWalkWebView.onActivityResult(requestCode, resultCode, data);
            }
        }
    
        @Override protected void onNewIntent(Intent intent) {
            super.onNewIntent(intent);
            if (xWalkWebView != null) {
                xWalkWebView.onNewIntent(intent);
            }
        }
    }
    
    

    2. 兼容ARM的Crosswalk集成

    2.1 下载并集成sdk

    (1) 从官网下载最新版sdk

    • 下载完整包(体积大:支持 64位、arm、arm64、x86和x86_64框架)或 arm包(体积小:仅支持arm架构):集成完整Crosswalk与仅集成ARM包


      image.png

      (2) sdk集成到项目:把下载到的sdk文件 *.arr 复制到项目的libs目录中
      (3) 在builde.gradle中添加配置

    flatDir {
        dirs 'libs'
    }
    
    compile 'org.xwalk:xwalk_core_library:23.53.589.4-arm@aar'
    

    3. 问题汇总

    (1) 报错:Error inflating class org.xwalk.core.XWalkView

    • 原因1:arm64-v8a包与XWalk框架冲突
    • 解决:注释掉arm64-v8a即可正常编译运行,但是有问题,arm64-v8a框架将无法使用到so动态库,即使用arm64-v8a框架的设备无法使用XWalk。
    //bugly
    ndk {
          // 设置支持的SO库架构
          abiFilters 'armeabi', 'x86', 'armeabi-v7a', 'x86_64','mips','mips64'
          /*, 'arm64-v8a'*/
    }
    
    • 原因2:使用CrossWal遇到无法实例化的问题
    • 解决:不能在onCreate方法里去加载,在onXWalkReady方法里加载;Activity继承XWalkActivity。
      (2) crossWalk目前要求的SDK最低版本是16,也就是对应Android 4.1、4.1.1 (JELLY_BEAN)

    相关文章

      网友评论

          本文标题:crosswalk替代原生WebView

          本文链接:https://www.haomeiwen.com/subject/ychwpktx.html