Android中X5WebView详解

最新推荐文章于 2024-05-22 09:57:13 发布
最新推荐文章于 2024-05-22 09:57:13 发布
阅读量1.1w 收藏 7
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c10WTiybQ1Ye3/article/details/80046695
版权
本文详细介绍了如何在Android中封装和使用X5WebView，特别是如何同步和管理Cookie，以及如何监听加载进度。文章通过实例探讨了在X5WebView中处理Cookie同步的常见问题和解决方案，并提供了预加载优化策略。此外，还讨论了监听进度和封装基本功能的方法。
摘要由CSDN通过智能技术生成

640?wx_fmt=png


今日科技快讯


据路透社报道，推特（Twitter）公司周五宣布，它已经禁止总部位于莫斯科的卡巴斯基实验室在其社交平台上打广告，称这家网络安全公司的商业模式与其广告规则存在冲突，并援引美国政府的说法称卡巴斯基实验室与俄罗斯情报机构有关联。推特通过电子邮件证实了这项封杀令。


作者简介


欢迎回到周一，新的一周继续加油努力吧！

本篇来自 骑小猪看流星 的投稿，分享了他如何封装X5WebView以及如何在项目中灵活运用的过程 ，一起来看看！希望大家喜欢。

骑小猪看流星 的博客地址：

https://www.jianshu.com/u/0111a7da544b


前言


这一篇的目标就是怎么样快速封装X5WebView，如何有效的同步以及管理Cookie，使用IntentService优化预加载，如何监听进度条等一些在项目中使用的常用功能。


正文


功能需求

需求一：客户端账号密码登录成功以后，调用H5界面（也就是使用X5webView,以下简称X5）。H5界面也需要去记录你的状态，比如你客户端本地登录成功以后，H5界面也需要显示登录成功的状态。那么，客户端和H5如何去同步状态？

需求二：因为X5加载的时候，会有一段时间会显示空白或者卡顿，如何去监听并利用这个进度并优化？

需求三：如何简单封装X5WebView基本功能？

需求分析

  • 需求一

（针对需求一，我真的是参考了很多哥们的技术博客，然后由于笔者上周也就是3月9号接到的开发需求，其中遇到了很多坑，所以我希望这篇博客可以把这个需求写的详细，尽可能的造福以后遇到同样需求的朋友让他们节约时间少走弯路）

对于Cookie，我们并不是很陌生，这里继续多一嘴，这个Cookie简单理解主要是用来进程保活的，它具有时效性（持久化和非持久化），它是通过服务器的请求，在响应头里面拿到，然后在第二次http请求上以请求头的方式将参数带过去，优点是减少后台查库压力等等，更加具体的可以参考上面的链接文章，那么，在Android中，也就是WebView中，我们如何去管理Cookie？

首先：CookieSyncManager与CookieManager

  • Android中关于Cookie的说明

早期的cookie是由CookieSyncManager进行管理的，之后CookieSyncManager被抛弃了，换成了CookieManager来进行管理。两个版本的分割线就是Android SDK -- 21。

  • Android中Cookie的存储位置

目前Android系统WebView是将cookie存储data/data/package_name/app_webview这个目录下的一个叫Cookies的数据中。

CookieSyncManager在内存和存储器之间同步浏览器的cookie。另外，CookieSyncManager的同步策略是在一个独立的线程里定时进行同步。

注意：每次同步的时间间隔是5分钟。

CookieSyncManager类下的常用API介绍

cookie同步策略：

CookieSyncManager.createInstance(context);  
CookieSyncManager.getInstance().startSync();

cookie停止同步：

CookieSyncManager.getInstance().stopSync()

cookie立即同步：调用了该方法会立即进行cookie的同步，代码如下： 

CookieSyncManager.getInstance().sync()

删除cookie操作： 

CookieSyncManager.createInstance(this); 
CookieManager.getInstance().removeAllCookie(); 
CookieManager.getInstance().removeSessionCookie(); 
CookieSyncManager.getInstance().sync(); 
CookieSyncManager.getInstance().startSync();

CookieManager管理cookie：从sdk21之后，webview已经内置了cookie的同步操作了。虽然不再需要关注cookie的同步，但是依然需要掌握删除cookie的操作。

删除cookie操作：底层实现是异步清除数据库的记录

CookieManager.getInstance().removeAllCookies(null);
CookieManager.getInstance().flush();

立即同步：注意到这个flush()方法就是立即同步cookie的操作，本质上与CookieSyncManager中的sync()方法是一样的。于是乎，关于同步cookie我们可以有如下简单的写法：

if (Build.VERSION.SDK_INT <21){
   
    com.tencent.smtt.sdk.CookieSyncManager.getInstance().sync();
}else {
   
    com.tencent.smtt.sdk.CookieManager.getInstance().flush();
}

然后，笔者就遇到了第一个坑，按照如下写法以后，cookie居然神奇的不同步（下面是伪代码，下面是伪代码）




                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  郭霖_
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    7
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  4
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Android代码-Android基于腾讯X5内核的WebView(超级浏览器)

				
			

			

				

					08-06
				

			

		

		

			
				
FNSuperWeb 超级浏览器
基于腾讯X5内核
目前已有功能：

1、文件浏览（支持pdf/ppt/doc/excel/txt）
2、文件上传（JS）
3、文件下载
4、Android与JS交互
5、自定义交互(进度条、下拉回弹)
6、视频播放

1、添加依赖和配置

根目录build.gradle文件添加如下配置：

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

APP目录build.gradle文件添加如下配置：

dependencies {
     implementation 'com.github.Victory-Over:SuperWeb:v1.0.2
}

申请权限：










2、基本功能

文件浏览（支持pdf/ppt/doc/excel/txt）



文件上传（Android与JS通信）



文件下载



Android与JS交互



自定义交互(进度条、下拉回弹)



视频播放

			
		

	



                

              
                



	

		

			

				
					
使用腾讯的X5WebView

				
			

			

				

					08-01
				

			

		

		

			
				
**X5WebView详解**  X5WebView，全称为QQ X5内核浏览器，是腾讯公司推出的一款基于WebKit技术的高性能、跨平台的Web渲染引擎。它主要用于Android应用中，为开发者提供了一个高效、稳定且功能丰富的网页浏览解决方案...

			
		

	



                


  
              

                


	

		

			

				
					
探秘AgentWebX5：打造极致的移动网页浏览体验！

					
最新发布

				
			

			

				

					gitblog_00060的博客
				

				

					05-22
					
					426
					
				

			

		

		

			
				
探秘AgentWebX5：打造极致的移动网页浏览体验！
项目地址:https://gitcode.com/Justson/AgentWebX5
项目介绍
AgentWebX5是一款基于腾讯X5内核深度定制的Android WebView组件。它不仅继承了原生AgentWeb的所有优点，还针对X5内核进行了优化，提供了更多的功能和更好的性能。这款库已经被许多开发者用于构建流畅、高效且高度集成的应用内...

			
		

	





	

		

			

				
					
Android-X5Web详细集成步骤（原创）

				
			

			

				

					weixin_33743248的博客
				

				

					03-06
					
					554
					
				

			

		

		

			
				
本文意在了解掌握并快速集成腾讯X5系统内核，更好的提高Android与H5在应用上的渲染交互效果；X5web内核下该如何有效的管理cookie；X5webview下的ndk基本配置说明；X5webview常见问题等等。
Android-X5WebView封装（含Cookie管理、进度监听、适配8.1系统等策略...

			
		

	



		

			
		



	

		

			

				
					
android x5播放视频服务,Android应用内实现视频播放--腾讯浏览服务（TBS）

				
			

			

				

					weixin_28686915的博客
				

				

					05-26
					
					637
					
				

			

		

		

			
				
TBS视频播放TBS视频播放器可以支持市面上几乎所有的视频格式，包括mp4, flv, avi, 3gp, webm, ts, ogv, m3u8, asf, wmv, rm, rmvb, mov, mkv等18种视频格式。同时支持硬件解码，使得内存占用，稳定性相较于系统播放器都更优。接入TBS1.导入jar文件和so文件2.初始化Application自定义一个Application类，对X5内...

			
		

	





	

		

			

				
					
x5内核js交互android,AgentWeb WebView 与 Android交互 JS调用 Android

				
			

			

				

					weixin_30792221的博客
				

				

					05-27
					
					588
					
				

			

		

		

			
				
WebView 与Android 交互的方法网上一大把，大概是自定义一个方法，加上@JavascriptInterface注解，@JavascriptInterfacepublic void BackToAndroid(){Log.e("EEEEE","-+++++++-++++++----");}然后mWebview.addJavascriptInterface(this,"android");...

			
		

	





	

		

			

				
					
Android获取WebView加载url的请求错误码 【推荐】

				
			

			

				

					08-25
				

			

		

		

			
				
Android 获取 WebView 加载 URL 的请求错误码详解  Android 获取 WebView 加载 URL 的请求错误码是 Android 开发中一个非常重要的知识点。今天，我们将详细介绍如何在 Android 中获取 WebView 加载 URL 的请求错误码...

			
		

	





	

		

			

				
					
X5WebViewDemo

				
			

			

				

					03-01
				

			

		

		

			
				
**X5WebView详解**  X5WebView是腾讯推出的一款高性能、高度可定制的Web渲染引擎，其内核基于开源的WebKit项目，并针对中国移动互联网环境进行了优化。这个强大的组件被广泛应用于微信、QQ等腾讯旗下的众多应用中，...

			
		

	





	

		

			

				
					
离线x5Demo.zip

				
			

			

				

					09-22
				

			

		

		

			
				
【X5内核详解】  X5内核是腾讯公司推出的一款高性能、跨平台的Web浏览内核，主要用于提升移动设备上的网页浏览体验。它被广泛应用于QQ浏览器、微信内置浏览器等多个腾讯产品中，为用户提供快速、稳定且兼容性良好的...

			
		

	





	

		

			

				
					
WebView交互

				
			

			

				

					07-07
				

			

		

		

			
				
最后一步是在活动（Activity）中实例化`X5WebView`并加载需要的内容。这部分代码通常包括：  - 初始化`X5WebView`对象。 - 设置`X5WebView`的布局属性。 - 调用`loadUrl()`方法加载初始页面。  虽然给定文件信息中的...

			
		

	





	

		

			

				
					
AgentWebX5 是基于腾讯X5 的一个Web库.zip

				
			

			

				

					02-14
				

			

		

		

			
				
【项目资源】：
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。
包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。

【项目质量】：
所有源码都经过严格测试，可以直接运行。
功能在确认正常工作后才上传。

【适用人群】：
适用于希望学习不同技术领域的小白或进阶学习者。
可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。

【附加价值】：
项目具有较高的学习借鉴价值，也可直接拿来修改复刻。
对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。

【沟通交流】：
有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。
鼓励下载和使用，并欢迎大家互相学习，共同进步。

			
		

	





	

		

			

				
					
基于X5内核的WebView安卓HybridAppDemo

				
			

			

				

					09-28
				

			

		

		

			
				
现在的HybridApp也就是混合开发的APP越来越普遍了，其原理就是在一个APP中嵌入一个webview,然后访问我们的html5页面，而html5页面这部分内容，在我们APP不升级的情况下能动态的更新，并且具有跨平台性，也就是说Android和IOS都可以用这一个html页面，从而减小了开发成本。现在很多APP都是混合开发的了，比如淘宝，京东，还有很多银行的APP，中国移动APP等。 
优点：减小开发成本，缩短开发周期，具有跨平台性。 
此demo就是演示了一下混合开发的基础操作以及集成腾讯的X5内核

			
		

	





	

		

			

				
					
Android中webview使用x5内核集成demo 

				
			

			

				

					02-21
				

			

		

		

			
				
Android  x5内核集成demo  解决webview在使用内核时跟h5混合调用时出现的白屏，加载缓慢，vue报错各种兼容问题。在x5内核加载失败时，会切换成系统本身的内核来加载h5内容。如果项目上架Google商店等海外市场运营的，建议项目离不要集成x5或者友盟等sdk，Google商店等海外市场是静止aab包携带有腾讯，友盟相关的sdk。在集成x5内核的时候，首次加载，会出现加载失败的情况，建议初始化放在启动页面来进行 ，初始化完成之后在进入webview相关页面

			
		

	





	

		

			

				
					
cordova.plugins.X5WebView:Cordova X5 腾讯浏览服务

				
			

			

				

					05-10
				

			

		

		

			
				
cordova-plugin-x5WebView
该项目是参照 自带的WebView制作而成
改进了64位无法使用的问题
$ cordova plugin add cordova.plugins.x5webview
Build
$ cordova build android
无需其他步骤,添加完毕就已经使用了腾讯浏览服务
验证方式可以调用window.navigator.userAgent
返回如下结果即代表成功

			
		

	





	

		

			

				
					
android webview签名,Android Webview SSL 自签名安全校验解决方案

				
			

			

				

					weixin_39838231的博客
				

				

					05-27
					
					495
					
				

			

		

		

			
				
服务器证书校验主要针对 WebView 的安全问题。在 app 中需要通过 WebView 访问 url，因为服务器采用的自签名证书，而不是 ca 认证，使用 WebView 加载 url 的时候会显示为空白，出现无法加载网页的情况。使用 ca 认证的证书，在 WebView 则可以直接显示出来，不需要特殊处理。以往针对自签名证书的解决方案是继承 WebViewClient 重写 onReceiv...

			
		

	





	

		

			

				
					
android 整合最新X5WebView 以及离线安装教程

				
			

			

				

					xu812063047的博客
				

				

					08-26
					
					5206
					
				

			

		

		

			
				
X5webview 引用

			
		

	





	

		

			

				
					
android x5 webview报错,appium 混合 APP，x5 内核，webview 切换报错

				
			

			

				

					weixin_42397516的博客
				

				

					05-26
					
					729
					
				

			

		

		

			
				
前言：15 号左右，开发和我说搞了一个高逼格的东西，亲儿子换成 QQx5 的内核了，然后我这边发现____以前可以直接定位的,现在更换 x5 内核之后 H5 页面的元素竟然 switch_to.context 切换不了！环境：语言 ：python3.52appium ：1.6.3pc 谷歌 ：62.xxx手机谷歌：62：xxx ()chromedriver：2.34print(self.drive...

			
		

	





	

		

			

				
					
X5WebView使用

				
			

			

				

					chuyouyinghe的专栏
				

				

					08-10
					
					875
					
				

			

		

		

			
				
项目中经常会用到WebView，Android原生的WebView使用会有点不太好用，在此介绍一个比较好用的X5WebView。

			
		

	





	

		

			

				
					
android X5webview 继承

				
			

			

				

					05-25
				

			

		

		

			
				
如果想要使用X5WebView，可以通过以下步骤进行继承：

1. 在build.gradle文件中添加依赖：

```gradle
dependencies {
    'com.tencent.tbs.tbssdk:sdk43697'
}
```

. 创建一个新的，继承自`com.tencent.smtt.sdk.WebView`：

```java
public class X5WebView extends WebView {

    public X5WebView(Context context) {
        super(context);
    }

    public X5WebView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public X5WebView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public void setWebChromeClient(WebChromeClient client) {
        super.setWebChromeClient(client);
    }

    @Override
    public void setWebViewClient(WebViewClient client) {
        super.setWebViewClient(client);
    }
}
```

3. 在布局文件中使用该自定义WebView：

```xml
<com.example.android.X5WebView
    android:id="@+id/x5webview"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
```

4. 在代码中进行初始化和使用：

```java
X5WebView webView = findViewById(R.id.x5webview);
webView.loadUrl("https://www.example.com");
```

这样就可以使用X5WebView进行网页加载了。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 4

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值