Flutter 安卓

AgentWeb浏览器库

2020-08-15  本文已影响0人  i小灰

简介:

AgentWeb是基于Android WebView一个功能完善小型浏览器库高度封装的 Android WebView ,简单易用 , 带有进度条 、 文件上传 、 下载 、 简化 Javascript 通信 、 链式调用 、 加强 Web 安然的库 。让你几行代码集成一个小型浏览器在你的应用

AgentWeb 功能:

点击进入↓
AgentWeb
功能

使用方法 简洁易用:

1.添加依赖

implementation 'com.just.agentweb:agentweb:4.1.3' // (必选)
implementation 'com.just.agentweb:filechooser:4.1.3'// (可选)
implementation 'com.download.library:Downloader:4.1.3'// (可选)

2.加载网页,以京东首页为例:

        mAgentWeb = AgentWeb.with(this)//传入Activity  在Fragment中使用Activity和Fragment两个都传
                .setAgentWebParent(mWebView, new LinearLayout.LayoutParams(-1, -1))//传入AgentWeb 的父控件 ,如果父控件为 RelativeLayout , 那么第二参数需要传入 RelativeLayout.LayoutParams
                .useDefaultIndicator(-1,1)// 使用默认进度条
                .setSecurityType(AgentWeb.SecurityType.STRICT_CHECK)//WebView安全类型
                .setMainFrameErrorView(R.layout.agentweb_error_page, -1)//错误占位图
                .setOpenOtherPageWays(DefaultWebClient.OpenOtherPageWays.ASK)//打开其他应用时,弹窗咨询用户是否前往其他应用
                .interceptUnkownUrl()
                .createAgentWeb()
                .ready()
                .go("http://www.jd.com");

不用配置 Setting , 不用添加 WebChromeClient 就有进度条 。

3.使用
安卓调用JavaScript方法:

//Javascript 方法
function callByAndroid(){
      console.log("callByAndroid")
  }
//Android 端
mAgentWeb.getJsEntraceAccess().quickCallJs("callByAndroid");
//结果
consoleMessage:callByAndroid  lineNumber:27

JavaScript调用安卓方法:


//Android 端 , AndroidInterface 是一个注入类 ,里面有一个无参数方法:callAndroid 
mAgentWeb.getJsInterfaceHolder().addJavaObject("android",new AndroidInterfaceWeb(mAgentWeb,this)); 
//H5端  在 Js 里就能通过 
window.android.callAndroid() //调用 Java 层的 AndroidInterface 类里 callAndroid 方法

上面AndroidInterfaceWeb里的代码(记住是这新建的一个类 共JS调用的):

public class AndroidInterfaceWeb {
    private AgentWeb agent;
    private Activity activity;

    public AndroidInterfaceWeb(AgentWeb agent, Activity activity) {
        this.agent = agent;
        this.activity = activity;
    }

    //注解供JS调用 不写会报错
    @JavascriptInterface
    public void callAndroid() {
        Toast.makeText(activity, "潘潘", Toast.LENGTH_SHORT).show();
    }
}

跟随 Activity 或者 Fragment 生命周期 , 释放 CPU和资源, 更省电 。方法如下:

    /**
     * 跟随 Activity 生命周期释放CPU更省电 ↓↓↓↓↓
     */
    @Override
    protected void onPause() {
        mAgentWeb.getWebLifeCycle().onPause();
        super.onPause();
    }
    @Override
    protected void onResume() {
        mAgentWeb.getWebLifeCycle().onResume();
        super.onResume();
    }
    @Override
    protected void onDestroy() {
        mAgentWeb.getWebLifeCycle().onDestroy();
        super.onDestroy();
    }

清空Web缓存:

AgentWebConfig.clearDiskCache(this);

事件处理 (直接按下返回键会退出当前Activity,由新的事件接管 建议使用在Fragment):

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {

        if (mAgentWeb.handleKeyEvent(keyCode, event)) {
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

如果非得想设置设置Chrome客户端和View客户端可以通过以下代码:


    //设置Chrome客户端
    private WebViewClient mWebViewClient = new WebViewClient() {
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            //do you  work
        }
    };

    ////设置View客户端   (子线程)
    private WebChromeClient mWebChromeClient = new WebChromeClient() {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            //do you work
            //加载进度
//            tv_jdt.setText(newProgress + "%");
            //给H5网页传参数
         mAgentWeb.getJsAccessEntrace().quickCallJs("checkTicketPage.appHook","哇哈哈"); //第一个参数为方法名, 第二个参数为Js方法的入参
        }
    };

返回上一页:

            if (!mAgentWeb.back()) {
                this.finish();
            }

如果不想要进度条:(把设置进度条的第一个属性改成0,你就会发现进度条神奇的消失了)

.useDefaultIndicator(0,1)

全屏视频播放

<!--如果你的应用需要用到视频 , 那么请你在使用 AgentWeb 的 Activity 对应的清单文件里加入如下配置-->
android:hardwareAccelerated="true"
android:configChanges="orientation|screenSize"

定位

<!--AgentWeb 是默认允许定位的 ,如果你需要该功能 , 请在你的 AndroidManifest 文件里面加入如下权限 。-->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

获取 WebView

mAgentWeb.getWebCreator().getWebView();

查看 Cookies

String cookies=AgentWebConfig.getCookiesByUrl(targetUrl);

同步 Cookie

AgentWebConfig.syncCookie("http://www.jd.com","ID=XXXX");

AgentWeb 所需要的全部权限(在你工程中根据需求选择加入权限 不用全部添加)

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"></uses-permission>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"></uses-permission>
    <uses-permission android:name="android.permission.READ_PHONE_STATE"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"></uses-permission>
    <uses-permission android:name="android.permission.CAMERA"></uses-permission>
    <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES"></uses-permission>

混淆(如果你的项目需要加入混淆 , 请加入如下配置)

-keep class com.just.agentweb.** {
    *;
}
-dontwarn com.just.agentweb.**

Java 注入类不要混淆 , 例如 sample 里面的 AndroidInterface 类 , 需要 Keep

-keepclassmembers class com.just.agentweb.sample.common.AndroidInterface{ *; }

修改 AgentWeb 默认的背景色

        FrameLayout frameLayout = mAgentWeb.getWebCreator().getWebParentLayout();
        frameLayout.setBackgroundColor(Color.BLACK);

注意事项:

基本打开效果图:(只使用第 1,2 步骤就可以实现基本效果 其他功能按需求去添加使用)

image.png
与原生WebView对比:
image.png

以上是个人经验总结 转载请标明...

上一篇下一篇

猜你喜欢

热点阅读