X5内核,微信和QQ浏览器都在用的WebView; 官网地址:https://x5.tencent.com,详细的信息进官网了解;android
这是官方的宣传语:web
1) 速度快:相比系统webview的网页打开速度有30+%的提高;chrome
2) 省流量:使用云端优化技术使流量节省20+%;浏览器
3) 更安全:安全问题能够在24小时内修复;安全
4) 更稳定:通过亿级用户的使用考验,CRASH率低于0.15%;服务器
5) 兼容好:无系统内核的碎片化问题,更少的兼容性问题;微信
6) 体验优:支持夜间模式、适屏排版、字体设置等浏览加强功能;app
7) 功能全:在Html五、ES6上有更完整支持;ide
8) 更强大:集成强大的视频播放器,支持视频格式远多于系统webview;字体
9) 视频和文件格式的支持x5内核多于系统内核
10) 防劫持是x5内核的一大亮点
开始集成:
SDK中附有so文件,看需求引入,
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); } }
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"); } }
随笔记录一下;