Android 接入X5WebView，讓WebView加載更快；

X5內核，微信和QQ瀏覽器都在用的WebView； 官網地址：https://x5.tencent.com，詳細的信息進官網瞭解；

這是官方的宣傳語：

1) 速度快：相比系統webview的網頁打開速度有30+%的提高；

2) 省流量：使用雲端優化技術使流量節省20+%；

3) 更安全：安全問題能夠在24小時內修復；

4) 更穩定：通過億級用戶的使用考驗，CRASH率低於0.15%；

5) 兼容好：無系統內核的碎片化問題，更少的兼容性問題；

6) 體驗優：支持夜間模式、適屏排版、字體設置等瀏覽加強功能；

7) 功能全：在Html五、ES6上有更完整支持；

8) 更強大：集成強大的視頻播放器，支持視頻格式遠多於系統webview；

9) 視頻和文件格式的支持x5內核多於系統內核

10) 防劫持是x5內核的一大亮點

開始集成：

一、下載SDK：

二、添加JAR：

SDK中附有so文件，看需求引入，

三、初始化X5WebView：

public class APPAplication extends Application {

	@Override
	public void onCreate() {
		// TODO Auto-generated method stub
		super.onCreate();
		//蒐集本地tbs內核信息並上報服務器，服務器返回結果決定使用哪一個內核。
		
		QbSdk.PreInitCallback cb = new QbSdk.PreInitCallback() {
			
			@Override
			public void onViewInitFinished(boolean arg0) {
				// TODO Auto-generated method stub
				//x5內核初始化完成的回調，爲true表示x5內核加載成功，不然表示x5內核加載失敗，會自動切換到系統內核。
				Log.d("app", " onViewInitFinished is " + arg0);
			}
			
			@Override
			public void onCoreInitFinished() {
				// TODO Auto-generated method stub
			}
		};
		//x5內核初始化接口
		QbSdk.initX5Environment(getApplicationContext(),  cb);
	}

}

四、看心情抽取X5WebView的自定義View：

public class X5WebView extends WebView {
	private WebViewClient client = new WebViewClient() {
		/**
		 * 防止加載網頁時調起系統瀏覽器
		 */
		public boolean shouldOverrideUrlLoading(WebView view, String url) {
			view.loadUrl(url);
			return true;
		}
	};

	@SuppressLint("SetJavaScriptEnabled")
	public X5WebView(Context arg0, AttributeSet arg1) {
		super(arg0, arg1);
		this.setWebViewClient(client);
		// this.setWebChromeClient(chromeClient);
		// WebStorage webStorage = WebStorage.getInstance();
		initWebViewSettings();
		this.getView().setClickable(true);
	}

	private void initWebViewSettings() {
		WebSettings webSetting = this.getSettings();
		webSetting.setJavaScriptEnabled(true);
		webSetting.setJavaScriptCanOpenWindowsAutomatically(true);
		webSetting.setAllowFileAccess(true);
		webSetting.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);
		webSetting.setSupportZoom(true);
		webSetting.setBuiltInZoomControls(true);
		webSetting.setUseWideViewPort(true);
		webSetting.setSupportMultipleWindows(true);
		// webSetting.setLoadWithOverviewMode(true);
		webSetting.setAppCacheEnabled(true);
		// webSetting.setDatabaseEnabled(true);
		webSetting.setDomStorageEnabled(true);
		webSetting.setGeolocationEnabled(true);
		webSetting.setAppCacheMaxSize(Long.MAX_VALUE);
		// webSetting.setPageCacheCapacity(IX5WebSettings.DEFAULT_CACHE_CAPACITY);
		webSetting.setPluginState(WebSettings.PluginState.ON_DEMAND);
		// webSetting.setRenderPriority(WebSettings.RenderPriority.HIGH);
		webSetting.setCacheMode(WebSettings.LOAD_NO_CACHE);

		// this.getSettingsExtension().setPageCacheCapacity(IX5WebSettings.DEFAULT_CACHE_CAPACITY);//extension
		// settings 的設計
	}
}

五、開始使用：

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

<!--原生的WebView-->
    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>

    <!--騰訊X5WebView-->
    <com.tencent.smtt.sdk.WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"></com.tencent.smtt.sdk.WebView>
    
    <!--使用抽取的X5WebView-->
    <www.ccb.com.x5webviewdemo.utils.X5WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></www.ccb.com.x5webviewdemo.utils.X5WebView>

而後使用就跟正常的WebView同樣就好了；

public class WebViewActivity extends AppCompatActivity {

    private X5WebView wv;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);
        wv = findViewById(R.id.webview);
        wv.loadUrl("https://www.baidu.com/"); //這個是加載的url
        Log.i("X5WebView", "若是這個值不是null，說明如今用的是X5內核，wv.getX5WebViewExtension() = : " + wv.getX5WebViewExtension());

        //H5調用原生的方法
        wv.addJavascriptInterface( new WebViewJavaScriptFunction() {

            @JavascriptInterface
            @Override
            public void onJsFunctionCalled(String tag) {

            }
        },"Android");
    }
}

隨筆記錄一下；