WebView入门(二)——抽取WebView基类

最新推荐文章于 2022-02-18 10:40:32 发布
最新推荐文章于 2022-02-18 10:40:32 发布
阅读量315 收藏 1
点赞数
分类专栏： WebView 文章标签： WebVIew android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31573123/article/details/91450531
版权

抽取一个简单的WebView基类

在安卓开发过程中经常需要接入H5页面，但每次接入都重新写一个WebView是很不方便的，所以为了减少工作量，特抽取一个WebView基类，将所有的公共操作均放入基类中执行。

1 抽取WebView基类

1.1 设置WebView属性

WebSettings用来管理WebView的状态配置，下面列出了常用的几种设置

 WebSettings webSettings = mWebView.getSettings();
 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
     webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); // 允许加载混合网路协议内容
 }
 webSettings.setLoadWithOverviewMode(true);  // 适应屏幕
 webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
 webSettings.setJavaScriptEnabled(true); // 允许使用javascript
 webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);  // 设置缓存模式
 webSettings.setDomStorageEnabled(true);  // 开启DOM缓存
 webSettings.setJavaScriptCanOpenWindowsAutomatically(true);  // 允许加载新窗口
 webSettings.setAllowFileAccess(true);  // 允许访问文件数据
1.2 设置UserAgent

UserAgent即用户代理，简称UA，是http协议的一部分，声明了浏览器用于http请求的用户代理头的值，例如：Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1 。通过这个标识，前端可以统计访问H5的具体是哪种设备。
在部分情况下，多个APP共同使用一个前端页面，前端需要区分打开此页面的具体是哪个APP，这个时候就需要客户端同学对UA进行修改，在UA末尾添加和前端约定好的字符串来区分。

webSettings.setUserAgentString(webSettings.getUserAgentString() + getCustomUserAgentString());  // 设置user-agent

定义一个抽象方法，在继承WebView基类的activity中实现此方法，从而达到修改UA的目的。

/**
 * 额外添加的userAgent
*/
abstract String getCustomUserAgentString();
1.3 设置native与js交互相关的类及别名

对接的H5页面不同，js的别名和方法也可能不同，所以交互部分的代码不在基类中展示，只提供抽象方法，具体实现由继承基类的activity自己实现。

if (Build.VERSION.SDK_INT > Build.VERSION_CODES.JELLY_BEAN) {
     if (null != getInterfaceObject() && null != getInterfaceName())
         mWebView.addJavascriptInterface(getInterfaceObject(), getInterfaceName());
}

抽象方法如下：

 /**
  * 管理native与js交互代码的类
  */
 abstract Object getInterfaceObject();

 /**
  * js调用native时的别名
  */
 abstract String getInterfaceName();
1.4 加载url
 mWebView.loadUrl(getUrl());  // 加载url

抽象方法如下：

 /**
  * 需加载的url
  */
 abstract String getUrl();
1.5 重写WebChromeClient

WebChromeClient是WebView中用来处理Javascript的对话框、图标、标题等。下边只罗列了WebChromeClient中的部分方法，需要重写的时候可结合实际情况实现。

    /**
     * 重写WebChromeClient--处理js的对话框、图标、title、加载进度等
     */
     private WebChromeClient getWebChromeClient() {
        return new WebChromeClient() {
            @Override  // 接收文档标题
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
            }

            @Override  // 显示Alert对话框
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }

            @Override  // 显示confirm对话框
            public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                return super.onJsConfirm(view, url, message, result);
            }

            @Override  // 显示prompt对话框
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                return super.onJsPrompt(view, url, message, defaultValue, result);
            }

            @Override  // 显示文件选择器
            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
                return super.onShowFileChooser(webView, filePathCallback, fileChooserParams);
            }
        };

    }
1.6 重写WebViewClient

WebViewClient处理各种通知、请求事件

    /**
     * 重写WebViewClient--处理各种通知、请求事件
     */
    private WebViewClient getWebViewClient() {
        return new WebViewClient(){

            @Override  // url开始加载
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            @Override  // 废弃于API23，加载资源时出错
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
            }

            @TargetApi(Build.VERSION_CODES.M)
            @Override  // 在API23添加,加载资源时出错
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
            }

            @Override  // 加载资源时出现http错误
            public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) {
                super.onReceivedHttpError(view, request, errorResponse);
            }

            @Override  // url加载完成
            public void onPageFinished(WebView view, String url) {
                mOtherActionListener.otherAction(url);
                super.onPageFinished(view, url);
            }

            @Override  // 在API24被废弃，拦截页面加载，返回true表示拦截并处理点击事件，返回false则为超链接会在当前webview中加载
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return super.shouldOverrideUrlLoading(view, url);
            }

            @TargetApi(Build.VERSION_CODES.N)
            @Override  // 在API24添加，拦截页面加载，返回true表示拦截并处理点击事件，返回false则为超链接会在当前webview中加载
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                return super.shouldOverrideUrlLoading(view, request);
            }
        };
    }
1.7 其他额外操作

在继承此基类的子类中，还可能会有其他不同的额外操作需要执行，比如：url加载完成后弹出toast提示等，我们采用listener来监听

   private OtherActionListener mOtherActionListener = null;
   /**
     * 其他额外操作用listener来实现
     */
    public void setOtherActionListener(OtherActionListener otherActionListener) {
        this.mOtherActionListener = otherActionListener;
    }

    interface OtherActionListener {
        void otherAction(String str);
    }

在需要加载完url后弹出toast提示的子类中实现otherAction方法

 @Override
    public void otherAction(String str) {
        Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
    }

2 详细源码

2.1 layout文件
 <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:id="@+id/base_web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>
2.2 BaseWebViewActivity基类
/**
 * WebView基类
 */
public abstract class BaseWebViewActivity extends AppCompatActivity {

    private WebView mWebView = null;
    private OtherActionListener mOtherActionListener = null;

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_base_webview);

        mWebView = (WebView) findViewById(R.id.base_web_view);

        initWebSettings();
        mWebView.loadUrl(getUrl());  // 加载url
        mWebView.setWebChromeClient(getWebChromeClient());
        mWebView.setWebViewClient(getWebViewClient());
    }

    /**
     * 设置WebView属性
     */
    @SuppressLint({"SetJavaScriptEnabled", "JavascriptInterface", "AddJavascriptInterface"})
    private void initWebSettings() {
        WebSettings webSettings = mWebView.getSettings();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); // 允许加载混合网路协议内容
        }
        webSettings.setLoadWithOverviewMode(true);  // 适应屏幕
        webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        webSettings.setJavaScriptEnabled(true); // 允许使用javascript
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);  // 设置缓存模式
        webSettings.setDomStorageEnabled(true);  // 开启DOM缓存
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);  // 允许加载新窗口
        webSettings.setAllowFileAccess(true);  // 允许访问文件数据

        webSettings.setUserAgentString(webSettings.getUserAgentString() + getCustomUserAgentString());  // 设置user-agent

        if (Build.VERSION.SDK_INT > Build.VERSION_CODES.JELLY_BEAN) {
            if (null != getInterfaceObject() && null != getInterfaceName())
                mWebView.addJavascriptInterface(getInterfaceObject(), getInterfaceName());
        }
    }

    /**
     * 额外添加的userAgent
     */
    abstract String getCustomUserAgentString();

    /**
     * 管理native与js交互代码的类
     */
    abstract Object getInterfaceObject();

    /**
     * js调用native时的别名
     */
    abstract String getInterfaceName();

    /**
     * 需加载的url
     */
    abstract String getUrl();

    /**
     * 重写WebChromeClient--处理js的对话框、图标、title、加载进度等
     */
    private WebChromeClient getWebChromeClient() {
        return new WebChromeClient() {
            @Override  // 接收文档标题
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
            }

            @Override  // 显示Alert对话框
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                return super.onJsAlert(view, url, message, result);
            }

            @Override  // 显示confirm对话框
            public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                return super.onJsConfirm(view, url, message, result);
            }

            @Override  // 显示prompt对话框
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                return super.onJsPrompt(view, url, message, defaultValue, result);
            }

            @Override  // 显示文件选择器
            public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
                return super.onShowFileChooser(webView, filePathCallback, fileChooserParams);
            }
        };

    }

    /**
     * 重写WebViewClient--处理各种通知、请求事件
     */
    private WebViewClient getWebViewClient() {
        return new WebViewClient(){

            @Override  // url开始加载
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            @Override  // 废弃于API23，加载资源时出错
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
            }

            @TargetApi(Build.VERSION_CODES.M)
            @Override  // 在API23添加,加载资源时出错
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
            }

            @Override  // 加载资源时出现http错误
            public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) {
                super.onReceivedHttpError(view, request, errorResponse);
            }

            @Override  // url加载完成
            public void onPageFinished(WebView view, String url) {
                mOtherActionListener.otherAction(url);
                super.onPageFinished(view, url);
            }

            @Override  // 在API24被废弃，拦截页面加载，返回true表示拦截并处理点击事件，返回false则为超链接会在当前webview中加载
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return super.shouldOverrideUrlLoading(view, url);
            }

            @TargetApi(Build.VERSION_CODES.N)
            @Override  // 在API24添加，拦截页面加载，返回true表示拦截并处理点击事件，返回false则为超链接会在当前webview中加载
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                return super.shouldOverrideUrlLoading(view, request);
            }
        };
    }

    /**
     * 其他额外操作用listener来实现
     */
    public void setOtherActionListener(OtherActionListener otherActionListener) {
        this.mOtherActionListener = otherActionListener;
    }

    interface OtherActionListener {
        void otherAction(String str);
    }
}
2.3 继承此基类的activity
public class MainActivity extends BaseWebViewActivity implements BaseWebViewActivity.OtherActionListener {

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setOtherActionListener(this);
    }

    @Override
    String getCustomUserAgentString() {
        return "";
    }

    @Override
    Object getInterfaceObject() {
        return new JsInterface();
    }

    @Override
    String getInterfaceName() {
        return "bridge";
    }

    @Override
    String getUrl() {
        return "file:///android_asset/test1.html";
    }

    @Override
    public void otherAction(String str) {
        Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
    }

    /**
     * js调用java
     */
    public class JsInterface {
        @JavascriptInterface
        public void helloNative(String str) { // 定义js需要调用的方法
            Toast.makeText(MainActivity.this, str, Toast.LENGTH_LONG).show();
        }
    }
}
2.4 html文件
<html>
<script type="text/javascript">
    function callNative() {
        window.bridge.helloNative("js调用Java成功!");
    }
</script>
<button onclick="javascript:callNative();">js调用java</button>
</html>

3 demo下载

可在这里下载抽取WebView基类的demo

樱花雨2377
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓webView页面基类-BaseWebActivity
08-19
安卓webView页面基类-BaseWebActivity,有网页加载进度条，有对手机显示网页的配置，有返回上一页等功能。
WebView基类：BaseWebActivity
欢迎进入JesseAndroid的博客
06-04 1699
java代码： package com...web; import android.os.Bundle; import android.support.annotation.Nullable; import android.text.TextUtils; import android.util.Log; import android.view.KeyEvent; import androi...
Webview的封装
舞动的精灵324的博客
12-27 658
近来由于项目中大量使用webview来加载web页面,所以对webview进行封装,以便减少冗余代码,提高开发效率.一.webview的基类BaseWebActivity书写一个webView 的基类 主要负责处理webview的公共方法,这里贴出主要代码,至于 /** * @return 写一个类继承BaseWebBridge 然后返回过来 */ public abstract
WebView在使用setUserAgentString时的坑
mahongy的博客
01-06 8511
最近项目android版本的WebView上使用了setUserAgentString()方法，如下所示： WebSettings settings = webView.getSettings(); settings.setUserAgentString("****");// ****为设置的标识 目的是为了让h5能够识别出本APP，由于测试场景未能全部覆盖，后来才发现有一个...
BaseWebView.zip
06-11
由于安卓端经常需要接入H5页面，为了不再每次使用均重新构建一个WebView，特抽取一个WebView基类，将所有的公共操作均放入基类中执行。
WebView杂谈——源码
08-19
在Android开发中，WebView是一个非常重要的组件，它允许我们在原生应用中内嵌网页内容，实现混合开发。本文将深入探讨WebView的相关知识点，特别是如何加载并执行JavaScript代码。 首先，WebView是Android SDK提供...
WebView基类 iOS
04-06
作者yuqingzhude，源码QZBaseWebVCDemo，WebView基类，>iOS8使用WKWebView，否则使用UIWebView,都自带进度条。
解决webview 第二次调用loadUrl页面不刷新的问题
08-19
解决 webview 第二次调用 loadUrl 页面不刷新的问题 在 Android 开发中，使用 WebView 加载网页时，经常会遇到一个问题，即第二次调用 loadUrl 后，页面不刷新的问题。这篇文章将详细介绍解决这个问题的方法，并...
android 完美WebViewActivity基类
欢迎进入JesseAndroid的博客
10-23 1396
优点： 1.优化了手机环境下网页的显示； 2.能够返回上一个页面； 3.有加载进度条。 资源链接：https://download.csdn.net/download/yonghuming_jesse/1157926
android WebView性能优化
Galaxy
10-24 1708
public abstract class BaseWebViewActivity extends BaseActivity implements ProgressChangedNotify { protected WebView mWebView; @Override protected void initLayouts() { // setContentView(R.layou
webview使用的总结<一>
u013101747的专栏
11-25 448
等待继续
功能详细的WebViewActivity
ccsosnfs的专栏
09-08 603
附带给网页端设置登录信息等。 [code="java"] package cchen.z.interview.A.webview; import android.app.Activity; import android.app.AlertDialog; import android.content.BroadcastReceiver; import android.cont...
万能的webView之Activity
易瑞的博客
02-05 3698
对于使用webview加载一个网页，使用它的loadurl()方法即可，如果在程序内要打开网页，难么就要自己创建一个 WebViewClient,通过setWebViewClient进行关联，再如果网页里面有javaScript那就要设置了 //启用支持javascript WebSettings settings = webView.getSettings(); settings.setJa
方便的webviewActivity基类
技术博客
03-28 521
我看过很多的webView但一个适合自己的却很少,我忙里偷闲写了一个适合自己的.
WebView2的初步使用二 --- 基础操作
VitalityShow(网络通讯)
02-18 6724
上一篇文章 简单介绍了WebView2的集成与试用，这篇文章借着官方demo(WebView2APISample)来大体的记录一下集成情况。
【纵享丝滑】Android WebView H5 秒开方案总结
Androiddddd的博客
01-05 3734
前言 为了满足跨平台和动态性的要求，如今很多 App 都采用了 Hybrid 这种比较成熟的方案来满足多变的业务需求。Hybrid 也叫混合开发，即半原生半 H5 的方式，通过 WebView 来实现需要高度灵活性的业务，在需要和 Native 做交互或者是调用特定平台能力时再通过 JsBridge 来实现两端交互 采取 Hybrid 方案的理由可以有很多个：实现跨平台和动态更新、保持各端之间业务和逻辑的统一、满足快速开发的需求；而放弃 Hybrid 方案的理由只需要一个：性能相对 Native 来说要差得
Android里webviewActivity一般功能实现
lttclaw_的专栏
08-15 5105
安卓开发新人，刚着手项目中的
webView的基本属性设置以及遇到的一些坑
饭糕的博客
11-29 5468
安卓接入webView需要注意的地方: 1.设置webView需要的一些基本的属性 ``` /**设置可以javascript*/         base_webview.getSettings().setJavaScriptEnabled(true);         /**设置webView可以打开窗体*/         base_webview.getSettings().s
Android WebView 全面干货指南
Alpha110710的博客
04-11 1407
本篇内容转自 無名小子的杂货铺https://www.jianshu.com/p/fd61e8f4049e前言总结 Android WebView 常用的相关知识点，令包含以下干货内容分析：Js注入漏洞、WebView 遇到的坑、JsBridge 原理以及框架使用(JsBridge,DSBridge-Android)、缓存机制应用、性能优化、腾讯开源框架 VasSonic (之后会进行代码分析)。...
webview中无法跳转到二级页面
最新发布
06-01
webView.setWebChromeClient(new WebChromeClient() { // 处理与JavaScript相关的交互 }); webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值