- 使用:參考crossWalk替換webView集成、第三方瀏覽器內核嵌入之Crosswalk、Crosswalk集成到Android Studio,替代原生WebView遇到的問題、Android開發中關于Xwalkview加載https網頁出現安全證書ssl問題、Lite版僅支持x86和ARM的32位版本
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)