抛弃Android自带webview,使用腾讯qq浏览器x5内核的webview浏览器

Android开发过程中,有些复杂界面原生实现起来比较麻烦,所以现在一般使用h5来实现,如果使用原生的webview来做的话可以在界面滑动会出现卡卡的感觉,所以我推荐大家使用腾讯x5内核,替换系统自带的webview。从目前来看,微信、手Q、空间和QQ浏览器都已经内置了X5内核,基本上所有的手机用户手机里都有QQ浏览器X5内核了。所以第三方只要通过很小的sdk就可以调用到这些app里面的X5。
## 第一步 ##

<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" />

## 第二步 ##
在X5官网,注册开发者帐号,在开发者后台申请APPkey,配置到自己项目的AndroidManifest.xml中;

   //x5web
    <meta-data
        android:name="QBSDKAppKey"
        android:value="申请的key"/>

## 第三步 ##
在Application中进行一些初始化

        //-----------------------腾讯X5内核的集成
        QbSdk.PreInitCallback cb = new QbSdk.PreInitCallback() {

            @Override
            public void onViewInitFinished(boolean arg0) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onCoreInitFinished() {
                // TODO Auto-generated method stub

            }
        };
        QbSdk.setTbsListener(new TbsListener() {
            @Override
            public void onDownloadFinish(int i) {

            }

            @Override
            public void onInstallFinish(int i) {

            }

            @Override
            public void onDownloadProgress(int i) {

            }
        });
        QbSdk.allowThirdPartyAppDownload(true);
        QbSdk.initX5Environment(getApplicationContext(), 
        QbSdk.WebviewInitType.FIRSTUSE_AND_PRELOAD, cb);

然后参考官方demo,集成进来就行,这里要注意几个坑:
1.在布局文件中需要把X5WebView依赖的报名改成你自己的包名,不然会找不到该类的错误,这点Android Studio提示的不是很智能,包名没有改过来编译也没提示出来。

2.显示网页文字时,可通过长按选择文字的标识判断,如下水滴状选择效果是x5webview 的标志:

x5webview成功加载

3.使用官方demo的例子x5webview加载网页的时候它的左上角会显示手机型号等一堆信息,这个时候可以通过注释掉X5WebView这个类的这个方法来屏蔽。

//  @Override
//  protected boolean drawChild(Canvas canvas, View child, long drawingTime) {
//      boolean ret = super.drawChild(canvas, child, drawingTime);
//      canvas.save();
//      Paint paint = new Paint();
//      paint.setColor(0x7fff0000);
//      paint.setTextSize(24.f);
//      paint.setAntiAlias(true);
//      if (getX5WebViewExtension() != null) {
//          canvas.drawText(this.getContext().getPackageName() + "-pid:" + android.os.Process.myPid(), 10, 50, paint);
//          canvas.drawText("X5  Core:" + QbSdk.getTbsVersion(this.getContext()), 10, 100, paint);
//      } else {
//          canvas.drawText(this.getContext().getPackageName() + "-pid:" + android.os.Process.myPid(), 10, 50, paint);
//          canvas.drawText("Sys Core", 10, 100, paint);
//      }
//      canvas.drawText(Build.MANUFACTURER, 10, 150, paint);
//      canvas.drawText(Build.MODEL, 10, 200, paint);
//      canvas.restore();
//      return ret;
//  }

4.可能在查看视频播放类网页的时候,你上面写的都没有问题,但是这个时候你的视频全屏播放有问题,只有声音界面空白看不到效果,这个时候你注册的activity配置信息需要加上:

android:configChanges="orientation|screenSize|keyboardHidden"/>
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
腾讯X5内核WebView是一款基于Chromium内核浏览器内核,相比于原生WebView,具有更好的性能和稳定性。以下是一些优化实践总结: 1. 集成腾讯X5内核使用WebView时,可以使用腾讯提供的X5内核替代原生内核。在集成X5内核时,需要在build.gradle文件中添加依赖: ``` dependencies { implementation 'com.tencent.tbs.tbssdk:sdk:43697' } ``` 2. 预加载 使用X5内核时,可以通过预加载提高WebView的响应速度。可以在应用启动时预加载X5内核: ``` // 在Application的onCreate方法中 QbSdk.initX5Environment(context, null) ``` 3. 启用多进程 如果应用中使用了多个WebView,可以启用多进程来提高性能和稳定性。可以在AndroidManifest.xml文件中设置: ``` <application android:name=".MyApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" android:process=":webview"> ``` 4. 启用硬件加速 在使用X5内核时,可以启用硬件加速来提高渲染速度。可以在布局文件中设置: ``` <com.tencent.smtt.sdk.WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" android:layerType="hardware" /> ``` 5. 使用缓存 使用缓存可以减少网络请求,提高WebView的加载速度。可以在初始化WebView时设置: ``` val webSettings = webView.settings webSettings.cacheMode = WebSettings.LOAD_CACHE_ELSE_NETWORK ``` 以上是一些常见的优化实践总结,可以根据具体的场景进行调整和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值