前言
騰訊瀏覽服務（TBS，Tencent Browsing Service）整合騰訊底層瀏覽技術(shù)和騰訊平臺資源及能力柠衍，提供整體瀏覽服務解決方案启涯。（來自-騰訊瀏覽服務） 通俗點講就是系統(tǒng)webview的增強版绝葡。我在項目中選擇它來替代系統(tǒng)webview的主要原因是：
- 速度快：相比系統(tǒng)webview的網(wǎng)頁打開速度有30+%的提升；
- 省流量：使用云端優(yōu)化技術(shù)使流量節(jié)省20+%草冈；
- 解決系統(tǒng)webview播放視頻不能全屏的問題；
其他更多優(yōu)勢見-TBS(騰訊瀏覽服務)的優(yōu)勢
集成
一瓮增、導入jar包
1怎棱、下載SDK，下載地址：https://x5.tencent.com/tbs/sdk.html （選擇第一個完整版即可-“Android SDK（3.5完整版）”）
2绷跑、將下載的 SDK中的 jar 包放到工程的libs目錄下拳恋，如圖：
二、導入so庫
1砸捏、下載Demo, 下載地址：https://x5.tencent.com/tbs/sdk.html （選擇“SDK接入示例-Android Studio”下載即可）
2谬运、將下載的Demo中的so庫-liblbs.so拷貝到項目相應目錄下，如圖：
x5暫時不提供64位so文件带膜，為了保證64位手機能正常加載x5內(nèi)核吩谦。需要在app.build文件的defaultConfig{}中添加如下配置：
ndk {
abiFilters "armeabi", "armeabi-v7a", "x86", "mips"
}
配置后如圖：
三、AndroidManifest.xml里加入權(quán)限
<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" />
四膝藕、在Application中預加載X5內(nèi)核
public class MyAplication extends Application {
@Override
public void onCreate() {
// TODO Auto-generated method stub
super.onCreate();
initX5();
}
/**
* 初始化X5
*/
private void initX5() {
//x5內(nèi)核初始化回調(diào)
QbSdk.PreInitCallback cb = new QbSdk.PreInitCallback() {
@Override
public void onViewInitFinished(boolean arg0) {
// TODO Auto-generated method stub
//x5內(nèi)核初始化完成的回調(diào)式廷，為true表示x5內(nèi)核加載成功，否則表示x5內(nèi)核加載失敗芭挽，會自動切換到系統(tǒng)內(nèi)核滑废。
Log.d("app", " onViewInitFinished is " + arg0);
}
@Override
public void onCoreInitFinished() {
// TODO Auto-generated method stub
}
};
//x5內(nèi)核初始化接口
QbSdk.initX5Environment(getApplicationContext(), cb);
}
}
五、配置兼容視頻播放
需要全屏播放視頻或者享受頁面視頻的完整播放體驗袜爪，則需要在頁面的Activity添加如下配置android:configChanges="orientation|screenSize|keyboardHidden"蠕趁，如下：
<activity
android:name=".MainActivity"
android:configChanges="orientation|keyboardHidden|screenSize">
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
使用 （與原生Webview基本差不多）
【activity_main.xml】
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
android:id="@+id/activity_main"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.wildma.wildmax5web.MainActivity">
<com.tencent.smtt.sdk.WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingLeft="5dp"
android:paddingRight="5dp"/>
</RelativeLayout>
【MainActivity.java】
package com.wildma.wildmax5web;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.tencent.smtt.sdk.WebView;
import com.tencent.smtt.sdk.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (com.tencent.smtt.sdk.WebView) findViewById(R.id.webview);
mWebView.getSettings().setJavaScriptEnabled(true);// 支持js
mWebView.setWebViewClient(new WebViewClient());//防止加載網(wǎng)頁時調(diào)起系統(tǒng)瀏覽器
mWebView.loadUrl("http://mp.weixin.qq.com/s/6QiZXzpUSuJKjoIoKovgtg");
}
}
辨別是否使用x5webview的方法
1、顯示網(wǎng)頁文字時辛馆，可通過長按選擇文字的標識判斷俺陋，如下水滴狀選擇效果是x5webview 的標志豁延。如圖：
2、是否可以全屏播放網(wǎng)頁視頻
Demo下載地址：WildmaX5Web
