2021-02-24 接入X5WebView,让WebView加载更快;

X5内核,微信和QQ浏览器都在用的WebView; 官网地址:https://x5.tencent.com,详细的信息进官网了解;

这是官方的宣传语:

1) 速度快:相比系统webview的网页打开速度有30+%的提升;

2) 省流量:使用云端优化技术使流量节省20+%;

3) 更安全:安全问题可以在24小时内修复;

4) 更稳定:经过亿级用户的使用考验,CRASH率低于0.15%;

5) 兼容好:无系统内核的碎片化问题,更少的兼容性问题;

6) 体验优:支持夜间模式、适屏排版、字体设置等浏览增强功能;

7) 功能全:在Html5、ES6上有更完整支持;

8) 更强大:集成强大的视频播放器,支持视频格式远多于系统webview;

9) 视频和文件格式的支持x5内核多于系统内核

10) 防劫持是x5内核的一大亮点


开始集成:

1、下载SDK:

2、添加JAR:

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

3、初始化X5WebView:

publicclassAPPAplicationextendsApplication{@OverridepublicvoidonCreate(){// TODO Auto-generated method stubsuper.onCreate();//搜集本地tbs内核信息并上报服务器,服务器返回结果决定使用哪个内核。QbSdk.PreInitCallback cb =newQbSdk.PreInitCallback() {@OverridepublicvoidonViewInitFinished(booleanarg0){// TODO Auto-generated method stub//x5內核初始化完成的回调,为true表示x5内核加载成功,否则表示x5内核加载失败,会自动切换到系统内核。Log.d("app"," onViewInitFinished is "+ arg0);}@OverridepublicvoidonCoreInitFinished(){// TODO Auto-generated method stub}};//x5内核初始化接口QbSdk.initX5Environment(getApplicationContext(),  cb);}}

4、看心情抽取X5WebView的自定义View:

publicclassX5WebViewextendsWebView{privateWebViewClient client =newWebViewClient(){/**

* 防止加载网页时调起系统浏览器

*/publicbooleanshouldOverrideUrlLoading(WebView view,Stringurl){view.loadUrl(url);returntrue;}};@SuppressLint("SetJavaScriptEnabled")publicX5WebView(Context arg0, AttributeSet arg1){super(arg0, arg1);this.setWebViewClient(client);// this.setWebChromeClient(chromeClient);// WebStorage webStorage = WebStorage.getInstance();initWebViewSettings();this.getView().setClickable(true);}privatevoidinitWebViewSettings(){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 的设计}}

5、开始使用:

然后使用就跟正常的WebView一样就行了;

publicclassWebViewActivityextendsAppCompatActivity{privateX5WebView wv;@OverrideprotectedvoidonCreate(Bundle savedInstanceState){super.onCreate(savedInstanceState);        setContentView(R.layout.activity_web_view);        wv = findViewById(R.id.webview);        wv.loadUrl("https://www.baidu.com/");//这个是加载的urlLog.i("X5WebView","如果这个值不是null,说明现在用的是X5内核,wv.getX5WebViewExtension() = : "+ wv.getX5WebViewExtension());//H5调用原生的方法wv.addJavascriptInterface(newWebViewJavaScriptFunction(){@JavascriptInterface@OverridepublicvoidonJsFunctionCalled(Stringtag){            }        },"Android");    }}

你可能感兴趣的:(2021-02-24 接入X5WebView,让WebView加载更快;)