Android WebView详解（一）：相关API介绍

相关API 介绍

下面主要介绍一下下面几个API

• WebView
• WebSettings
• WebViewClient
• WebChromeClient

WebView

• 基本API

  // 获取当前页面的URL
    public String getUrl();
  
    // 获取当前页面的原始URL(重定向后可能当前url不一样)
    // 就是http headers的Referer参数，loadUrl时为null
    public String getOriginalUrl();
  
    // 获取当前页面的标题
    public String getTitle();
  
    // 获取当前页面的favicon
    public Bitmap getFavicon();
  
    // 获取当前页面的加载进度
    public int getProgress();
  
    // 通知WebView内核网络状态
    // 用于设置JS属性`window.navigator.isOnline`和产生HTML5事件`online/offline`
    public void setNetworkAvailable(boolean networkUp)
  
    // 设置初始缩放比例
    public void setInitialScale(int scaleInPercent)；

• 加载网页相关API

  // 加载URL指定的网页
    public void loadUrl(String url);
  
    // 携带http headers加载URL指定的网页
    public void loadUrl(String url, Map<String, String> additionalHttpHeaders);
  
    // 使用POST请求加载指定的网页
    public void postUrl(String url, byte[] postData);
  
    // 从新加载当前网页
    public void reload();
  
    // 加载内容
    public void loadData(String data, String mimeType, String encoding);
  
    // 使用baseUrl加载内容
    public void loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding, String historyUrl);

• JavaScript 相关

  // 注入Javascript对象
    public void addJavascriptInterface(Object object, String name);
  
    // 移除已注入的Javascript对象，下次加载或刷新页面时生效
    public void removeJavascriptInterface(String name);
  
    // 对传入的JS表达式求值，经过resultCallback返回结果
    // 此函数添加于API19，必须在UI线程中调用，回调也将在UI线程
    public void evaluateJavascript(String script, ValueCallback<String> resultCallback)

• 导航相关

  // 复制一份BackForwardList
    public WebBackForwardList copyBackForwardList();
  
    // 是否可后退
    public boolean canGoBack();
  
    // 是否可前进
    public boolean canGoForward();
  
    // 是否可前进/后退steps页，大于0表示前进小于0表示后退
    public boolean canGoBackOrForward(int steps);
  
    // 后退一页
    public void goBack();
  
    // 前进一页
    public void goForward();
  
    // 前进/后退steps页，大于0表示前进小于0表示后退
    public void goBackOrForward(int steps);
  
    // 清除当前webview访问的历史记录
    public void clearHistory();

• 网页查找相关

  // 设置网页查找结果回调
    public void setFindListener(FindListener listener);
  
    // 异步执行查找网页内包含的字符串并设置高亮，查找结果会回调.
    public void findAllAsync (String find);
  
    // 查找下一个匹配的字符串
    public void findNext (boolean forward);
  
    // 清除网页查找的高亮匹配字符串
    public void clearMatches();

• 保存网页/翻页/缩放

  // 保存网页(.html)到指定文件
    public void saveWebArchive(String filename);
  
    // 保存网页(.html)到文件
    public void saveWebArchive(String basename, boolean autoname, ValueCallback<String> callback)；
  
    // 上翻一页，即向上滚动WebView高度的一半
    public void pageUp(boolean top);
  
    // 下翻一页，即向下滚动WebView高度的一半
    public void pageDown(boolean bottom);
  
    // 缩放
    public void zoomBy(float factor);
  
    // 放大
    public boolean zoomIn();
  
    // 缩放
    public boolean zoomOut();

• others

  // 清除网页缓存，因为内核缓存是全局的所以这个方法不只仅针对webview而是针对整个应用程序
    public void clearCache(boolean includeDiskFiles);
  
    // 清除自动完成填充的表单数据
    public void clearFormData();
  
    // 清除SSL偏好
    public void clearSslPreferences();
  
    // 查询文档中是否有图片，查询结果将被发送到msg.getTarget()
    // 若是包含图片，msg.arg1 为1，不然为0
    public void documentHasImages(Message msg);
  
    // 请求最近轻叩(tapped)的 锚点/图像 元素的URL，查询结果将被发送到msg.getTarget()
    // msg.getData()中的url是锚点的href属性，title是锚点的文本，src是图像的src
    public void requestFocusNodeHref(Message msg);
  
    // 请求最近触摸(touched)的 图像元素的URL，查询结果将被发送到msg.getTarget()
  
    // msg.getData()中的url是图像连接
    public void requestImageRef(Message msg) 
  
  
    // 清除证书请求偏好，添加于API21
    // 在WebView收到`android.security.STORAGE_CHANGED` Intent时会自动清除
    public static void clearClientCertPreferences(Runnable onCleared)
  
    // 开启网页内容(js,css,html...)调试模式，添加于API19
    public static void setWebContentsDebuggingEnabled(boolean enabled)

WebSetting

在android中专门经过WebSettings来设置WebView的一些属性、状态等。在建立WebView时， // 系统有一个默认的设置，咱们可以经过WebView.getSettings来获得这个设置： // WebSettings和WebView都在同一个生命周期中存在。当WebView被销毁后。假设再使用WebSettings，则会抛出异常。

WebSettings settings = web.getSettings();

// 存储(storage)
// 启用HTML5 DOM storage API，默认值 false
settings.setDomStorageEnabled(true); 
// 启用Web SQL Database API，这个设置会影响同一进程内的全部WebView，默认值 false
// 此API已不推荐使用，参考：https://www.w3.org/TR/webdatabase/
settings.setDatabaseEnabled(true);  
// 启用Application Caches API，必需设置有效的缓存路径才能生效，默认值 false
// 此API已废弃，参考：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Using_the_application_cache
settings.setAppCacheEnabled(true); 
settings.setAppCachePath(context.getCacheDir().getAbsolutePath());

// 定位(location)
settings.setGeolocationEnabled(true);

// 是否保存表单数据
settings.setSaveFormData(true);
// 是否当webview调用requestFocus时为页面的某个元素设置焦点，默认值 true
settings.setNeedInitialFocus(true);  

// 是否支持viewport属性，默认值 false
// 页面经过`<meta name="viewport" ... />`自适应手机屏幕
settings.setUseWideViewPort(true);
// 是否使用overview mode加载页面，默认值 false
// 当页面宽度大于WebView宽度时，缩小使页面宽度等于WebView宽度
settings.setLoadWithOverviewMode(true);
// 布局算法
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);

// 是否支持Javascript，默认值false
settings.setJavaScriptEnabled(true); 
// 是否支持多窗口，默认值false
settings.setSupportMultipleWindows(false);
// 是否可用Javascript(window.open)打开窗口，默认值 false
settings.setJavaScriptCanOpenWindowsAutomatically(false);

// 资源访问
settings.setAllowContentAccess(true); // 是否可访问Content Provider的资源，默认值 true
settings.setAllowFileAccess(true);    // 是否可访问本地文件，默认值 true
// 是否容许经过file url加载的Javascript读取本地文件，默认值 false
settings.setAllowFileAccessFromFileURLs(false);  
// 是否容许经过file url加载的Javascript读取所有资源(包括文件,http,https)，默认值 false
settings.setAllowUniversalAccessFromFileURLs(false);

// 资源加载
settings.setLoadsImagesAutomatically(true); // 是否自动加载图片
settings.setBlockNetworkImage(false);       // 禁止加载网络图片
settings.setBlockNetworkLoads(false);       // 禁止加载全部网络资源

// 缩放(zoom)
settings.setSupportZoom(true);          // 是否支持缩放
settings.setBuiltInZoomControls(false); // 是否使用内置缩放机制
settings.setDisplayZoomControls(true);  // 是否显示内置缩放控件

// 默认文本编码，默认值 "UTF-8"
settings.setDefaultTextEncodingName("UTF-8");
settings.setDefaultFontSize(16);        // 默认文字尺寸，默认值16，取值范围1-72
settings.setDefaultFixedFontSize(16);   // 默认等宽字体尺寸，默认值16
settings.setMinimumFontSize(8);         // 最小文字尺寸，默认值 8
settings.setMinimumLogicalFontSize(8);  // 最小文字逻辑尺寸，默认值 8
settings.setTextZoom(100);              // 文字缩放百分比，默认值 100

// 字体
settings.setStandardFontFamily("sans-serif");   // 标准字体，默认值 "sans-serif"
settings.setSerifFontFamily("serif");           // 衬线字体，默认值 "serif"
settings.setSansSerifFontFamily("sans-serif");  // 无衬线字体，默认值 "sans-serif"
settings.setFixedFontFamily("monospace");       // 等宽字体，默认值 "monospace"
settings.setCursiveFontFamily("cursive");       // 手写体(草书)，默认值 "cursive"
settings.setFantasyFontFamily("fantasy");       // 幻想体，默认值 "fantasy"


if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    // 用户是否须要经过手势播放媒体(不会自动播放)，默认值 true
    settings.setMediaPlaybackRequiresUserGesture(true);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    // 5.0以上容许加载http和https混合的页面(5.0如下默认容许，5.0+默认禁止)
    settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
    // 是否在离开屏幕时光栅化(会增长内存消耗)，默认值 false
    settings.setOffscreenPreRaster(false);
}

if (isNetworkConnected(context)) {
    // 根据cache-control决定是否从网络上取数据
    settings.setCacheMode(WebSettings.LOAD_DEFAULT);
} else {
    // 没网，离线加载，优先加载缓存(即便已通过期)
    settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
}

// deprecated
settings.setRenderPriority(WebSettings.RenderPriority.HIGH);
settings.setDatabasePath(context.getDir("database", Context.MODE_PRIVATE).getPath());
settings.setGeolocationDatabasePath(context.getFilesDir().getPath());

• 通常调整为如下默认设置

  WebSettings settings = web.getSettings();
    // 缓存(cache)
    settings.setAppCacheEnabled(true);      // 默认值 false
    settings.setAppCachePath(context.getCacheDir().getAbsolutePath());
  
    // 存储(storage)
    settings.setDomStorageEnabled(true);    // 默认值 false
    settings.setDatabaseEnabled(true);      // 默认值 false 
  
    // 是否支持viewport属性，默认值 false
    // 页面经过`<meta name="viewport" ... />`自适应手机屏幕
    settings.setUseWideViewPort(true);
    // 是否使用overview mode加载页面，默认值 false
    // 当页面宽度大于WebView宽度时，缩小使页面宽度等于WebView宽度
    settings.setLoadWithOverviewMode(true);
  
    // 是否支持Javascript，默认值false
    settings.setJavaScriptEnabled(true);    
  
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        // 5.0以上容许加载http和https混合的页面(5.0如下默认容许，5.0+默认禁止)
        settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
    } 
  
    if (isNetworkConnected(context)) {
        // 根据cache-control决定是否从网络上取数据
        settings.setCacheMode(WebSettings.LOAD_DEFAULT);
    } else {
        // 没网，离线加载，优先加载缓存(即便已通过期)
        settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    }

WebViewClient

WebViewClient主要帮助WebView处理各类通知、请求事件的

// 拦截页面加载，返回true表示宿主app拦截并处理了该url，不然返回false由当前WebView处理
// 此方法在API24被废弃，不处理POST请求
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    return false;
}

// 拦截页面加载，返回true表示宿主app拦截并处理了该url，不然返回false由当前WebView处理
// 此方法添加于API24，不处理POST请求，可拦截处理子frame的非http请求
@TargetApi(Build.VERSION_CODES.N)
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
    return shouldOverrideUrlLoading(view, request.getUrl().toString());
}

// 此方法废弃于API21，调用于非UI线程
// 拦截资源请求并返回响应数据，返回null时WebView将继续加载资源
// 注意：API21如下的AJAX请求会走onLoadResource，没法经过此方法拦截
public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
    return null;
}

// 此方法添加于API21，调用于非UI线程
// 拦截资源请求并返回数据，返回null时WebView将继续加载资源
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
    return shouldInterceptRequest(view, request.getUrl().toString());
}

// 页面(url)开始加载
public void onPageStarted(WebView view, String url, Bitmap favicon) {
}

// 页面(url)完成加载
public void onPageFinished(WebView view, String url) {
}

// 将要加载资源(url)
public void onLoadResource(WebView view, String url) {
}

// 这个回调添加于API23，仅用于主框架的导航
// 通知应用导航到以前页面时，其遗留的WebView内容将再也不被绘制。
// 这个回调能够用来决定哪些WebView可见内容能被安全地回收，以确保不显示陈旧的内容
// 它最先被调用，以此保证WebView.onDraw不会绘制任何以前页面的内容，随后绘制背景色或须要加载的新内容。
// 当HTTP响应body已经开始加载并体如今DOM上将在随后的绘制中可见时，这个方法会被调用。
// 这个回调发生在文档加载的早期，所以它的资源(css,和图像)可能不可用。
// 若是须要更细粒度的视图更新，查看 postVisualStateCallback(long, WebView.VisualStateCallback).
// 请注意这上边的全部条件也支持 postVisualStateCallback(long ,WebView.VisualStateCallback)
public void onPageCommitVisible(WebView view, String url) {
}

// 此方法废弃于API23
// 主框架加载资源时出错
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
}

// 此方法添加于API23
// 加载资源时出错，一般意味着链接不到服务器
// 因为全部资源加载错误都会调用此方法，因此此方法应尽可能逻辑简单
@TargetApi(Build.VERSION_CODES.M)
public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
    if (request.isForMainFrame()) {
        onReceivedError(view, error.getErrorCode(), error.getDescription().toString(), request.getUrl().toString());
    }
}

// 此方法添加于API23
// 在加载资源(iframe,image,js,css,ajax...)时收到了 HTTP 错误(状态码>=400)
public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) {
}


// 是否从新提交表单，默认不重发
public void onFormResubmission(WebView view, Message dontResend, Message resend) {
    dontResend.sendToTarget();
}

// 通知应用能够将当前的url存储在数据库中，意味着当前的访问url已经生效并被记录在内核当中。
// 此方法在网页加载过程当中只会被调用一次，网页前进后退并不会回调这个函数。
public void doUpdateVisitedHistory(WebView view, String url, boolean isReload) {
}

// 加载资源时发生了一个SSL错误，应用必需响应(继续请求或取消请求)
// 处理决策可能被缓存用于后续的请求，默认行为是取消请求
public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
    handler.cancel();
}

// 此方法添加于API21，在UI线程被调用
// 处理SSL客户端证书请求，必要的话可显示一个UI来提供KEY。
// 有三种响应方式：proceed()/cancel()/ignore()，默认行为是取消请求
// 若是调用proceed()或cancel()，Webview 将在内存中保存响应结果且对相同的"host:port"不会再次调用 onReceivedClientCertRequest
// 多数状况下，可经过KeyChain.choosePrivateKeyAlias启动一个Activity供用户选择合适的私钥
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public void onReceivedClientCertRequest(WebView view, ClientCertRequest request) {
    request.cancel();
}

// 处理HTTP认证请求，默认行为是取消请求
public void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) {
    handler.cancel();
}

// 通知应用有个已受权帐号自动登录了
public void onReceivedLoginRequest(WebView view, String realm, String account, String args) {
}
// 给应用一个机会处理按键事件
// 若是返回true，WebView不处理该事件，不然WebView会一直处理，默认返回false
public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
    return false;
}

// 处理未被WebView消费的按键事件
// WebView老是消费按键事件，除非是系统按键或shouldOverrideKeyEvent返回true
// 此方法在按键事件分派时被异步调用
public void onUnhandledKeyEvent(WebView view, KeyEvent event) {
    super.onUnhandledKeyEvent(view, event);
}

// 通知应用页面缩放系数变化
public void onScaleChanged(WebView view, float oldScale, float newScale) {
}

WebChromeClient

WebChromeClient是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等

// 得到全部访问历史项目的列表，用于连接着色。
public void getVisitedHistory(ValueCallback<String[]> callback) {
}

// <video /> 控件在未播放时，会展现为一张海报图，HTML中可经过它的'poster'属性来指定。
// 若是未指定'poster'属性，则经过此方法提供一个默认的海报图。
public Bitmap getDefaultVideoPoster() {
    return null;
}

// 当全屏的视频正在缓冲时，此方法返回一个占位视图(好比旋转的菊花)。
public View getVideoLoadingProgressView() {
    return null;
}

// 接收当前页面的加载进度
public void onProgressChanged(WebView view, int newProgress) {
}

// 接收文档标题
public void onReceivedTitle(WebView view, String title) {
}

// 接收图标(favicon)
public void onReceivedIcon(WebView view, Bitmap icon) {
}

// Android中处理Touch Icon的方案
// http://droidyue.com/blog/2015/01/18/deal-with-touch-icon-in-android/index.html
public void onReceivedTouchIconUrl(WebView view, String url, boolean precomposed) {
}

// 通知应用当前页进入了全屏模式，此时应用必须显示一个包含网页内容的自定义View
public void onShowCustomView(View view, CustomViewCallback callback) {
}

// 通知应用当前页退出了全屏模式，此时应用必须隐藏以前显示的自定义View
public void onHideCustomView() {
}


// 显示一个alert对话框
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
    return false;
}

// 显示一个confirm对话框
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
    return false;
}

// 显示一个prompt对话框
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
    return false;
}

// 显示一个对话框让用户选择是否离开当前页面
public boolean onJsBeforeUnload(WebView view, String url, String message, JsResult result) {
    return false;
}


// 指定源的网页内容在没有设置权限状态下尝试使用地理位置API。
// 从API24开始，此方法只为安全的源(https)调用，非安全的源会被自动拒绝
public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) {
}

// 当前一个调用 onGeolocationPermissionsShowPrompt() 取消时，隐藏相关的UI。
public void onGeolocationPermissionsHidePrompt() {
}

// 通知应用打开新窗口
public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
    return false;
}

// 通知应用关闭窗口
public void onCloseWindow(WebView window) {
}

// 请求获取取焦点
public void onRequestFocus(WebView view) {
}

// 通知应用网页内容申请访问指定资源的权限(该权限未被受权或拒绝)
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public void onPermissionRequest(PermissionRequest request) {
    request.deny();
}

// 通知应用权限的申请被取消，隐藏相关的UI。
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public void onPermissionRequestCanceled(PermissionRequest request) {
}

// 为'<input type="file" />'显示文件选择器，返回false使用默认处理
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public boolean onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {
    return false;
}

// 接收JavaScript控制台消息
public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
    return false;
}

Demo

package org.professor.procartoon.temp;

import android.graphics.Bitmap;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.KeyEvent;
import android.view.ViewGroup;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.TextView;

import org.professor.procartoon.R;

/**
 * Created by Caipeng on 2018.02.01.
 */
public class TestActivity extends AppCompatActivity {

    private WebView mWebview;
    private WebSettings mWebSettings;
    private TextView beginLoading, endLoading, loading, mtitle;


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.about_by);
        initView();


    }

    private void initView() {
        mWebview = findViewById(R.id.webView1);
        beginLoading = findViewById(R.id.text_beginLoading);
        endLoading = findViewById(R.id.text_endLoading);
        loading = findViewById(R.id.text_Loading);
        mtitle = findViewById(R.id.title);
        mWebSettings = mWebview.getSettings();
        mWebview.loadUrl("https://my.oschina.net/u/1433837/blog");

        //设置WebChromeClient类
        mWebview.setWebChromeClient(new WebChromeClient() {
            //获取网站标题
            @Override
            public void onReceivedTitle(WebView view, String title) {
                System.out.println("标题在这里");
                mtitle.setText(title);
            }

            //获取加载进度
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                if (newProgress < 100) {
                    String progress = newProgress + "%";
                    loading.setText(progress);
                } else if (newProgress == 100) {
                    String progress = newProgress + "%";
                    loading.setText(progress);
                }
            }
        });

        //设置WebViewClient类
        mWebview.setWebViewClient(new WebViewClient() {
            //设置加载前的函数
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                System.out.println("开始加载了");
                beginLoading.setText("开始加载了");
            }

            //设置结束加载函数
            @Override
            public void onPageFinished(WebView view, String url) {
                endLoading.setText("结束加载了");
            }
        });
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && mWebview.canGoBack()) {
            mWebview.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

    //销毁Webview
    @Override
    protected void onDestroy() {
        if (mWebview != null) {
            mWebview.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
            mWebview.clearHistory();
            ((ViewGroup) mWebview.getParent()).removeView(mWebview);
            mWebview.destroy();
            mWebview = null;
        }
        super.onDestroy();
    }
}