美文网首页
2021-02-24 接入X5WebView,让WebView

2021-02-24 接入X5WebView,让WebView

作者: 糖豆萌萌哒 | 来源:发表于2021-02-24 14:42 被阅读0次

    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--><!--腾讯X5WebView--><!--使用抽取的X5WebView-->

    然后使用就跟正常的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

          本文链接:https://www.haomeiwen.com/subject/qyojfltx.html