webview的使用

简介：

为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。
它继承自AbsoluteLayout，展示网页的同时，也可以作为父布局在其中放入其他的子View。
关系:

public class WebView extends AbsoluteLayout 
    implements OnGlobalFocusChangeListener,OnHierarchyChangeListener {...}

权限：

<uses-permission android:name="android.permission.INTERNET" />

加载页面：

加载本地资源

webView.loadUrl("file:///android_asset/example.html");

加载网络资源

webView.loadUrl("www.xxx.com/index.html");

添加请求头信息

Map<String,String> map=new HashMap<String,String>();
map.put("User-Agent","Android");
webView.loadUrl("www.xxx.com/index.html",map);

也可以加载html片段

String data = " Html 数据";
webView.loadData(data, "text/html", "utf-8");

实测会发现loadData会导致中文乱码，所以一般情况使用如下代码

String data = " Html 数据";
webView.loadDataWithBaseURL(null,data, "text/html", "utf-8",null);

loadUrl,loadData,loadDataBase区别

loadUrl会将整个页面加载，类似于浏览器打开一样，渲染整个页面。包括排版布局。如果我们用自己的排版，只关心数据的话可以考虑用loadData和loadDataWithBaseURL 。

public void loadData (String data, String mimeType, String encoding)

public void loadDataWithBaseURL (String baseUrl, String data, String mimeType, String encoding, String historyUrl)

方法介绍：

在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：WebSettings、JavaScriptInterface、WebViewClient以及WebChromeClient。

基本方法:

• String getUrl()：获取当前页面的URL。

• String getTitle():获取当前页面的title

• reload()：重新reload当前的URL，即刷新。

• boolean canGoBack()：用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。

• boolean canGoForward()：用来确认WebView是否还有可向前的历史记录。

• boolean canGoBackOrForward(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。

• goBack()：在WebView历史记录后退到上一项。

• goForward()：在WebView历史记录里前进到下一项。

• goBackOrForward(int steps)：以当前页面为起始点，前进或后退历史记录中指定的步数，正数为前进，负数为后退。

• clearCache(boolean includeDiskFiles)：清空网页访问留下的缓存数据。需要注意的时，由于缓存是全局的，所以只要是WebView用到的缓存都会被清空，即便其他地方也会使用到。该方法接受一个参数，从命名即可看出作用。若设为false，则只清空内存里的资源缓存，而不清空磁盘里的。

• clearHistory()：清除当前webview访问的历史记录。

• clearFormData()：清除自动完成填充的表单数据。需要注意的是，该方法仅仅清除当前表单域自动完成填充的表单数据，并不会清除WebView存储到本地的数据。

• onPause()：当页面被失去焦点被切换到后台不可见状态，需要执行onPause操作，该操作会通知内核安全地暂停所有动作，比如动画的执行或定位的获取等。需要注意的是该方法并不会暂停JavaScript的执行，若要暂停JavaScript的执行请使用接下来的这个方法。

• onResume()：在先前调用onPause()后，我们可以调用该方法来恢复WebView的运行。

• pauseTimers()：该方法面向全局整个应用程序的webview，它会暂停所有webview的layout，parsing，JavaScript Timer。当程序进入后台时，该方法的调用可以降低CPU功耗。

• resumeTimers()：恢复pauseTimers时的所有操作。

• destroy()：销毁WebView。需要注意的是：这个方法的调用应在WebView从父容器中被remove掉之后。我们可以手动地调用

rootLayout.removeView(webView);
webView.destroy();

如果在网页中播放了音频文件，在页面返回之后声音依然在播放问题的解决。如果在页面返回的时候不对音频文件做处理的话，会保持对音频资源的引用，直到其播放完毕，可以在页面的onDestroy()方法中利用WebView的destroy()方法将WebView相关的资源释放掉，但是如果直接调用该方法，有可能会抛异常，可先将WebVew从页面中移除再调用该方法：

@Override  
protected void onDestroy() {  
    try {  
        ((RelativeLayout) findViewById(R.id.rl_root)).removeView(webview);  
        webview.destroy();  
    } catch (Exception e) {  
        e.printStackTrace();  
    }  
    super.onDestroy();  
}

• getScrollY()：该方法返回的当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。

• getHeight()：方法都返回当前WebView这个容器的高度。其实以上两个方法都属于View。

• getContentHeight()：该方法返回整个HTML页面的高度，但该高度值并不等同于当前整个页面的高度，因为WebView有缩放功能， 所以当前整个页面的高度实际上应该是原始HTML的高度再乘上缩放比例。因此，准确的判断方法应该是

if(webView.getContentHeight()*webView.getScale()==(webView.getHeight+webView.getScrollY())){
//已经处于底端
}

if(webview.getScrollY()==0){
//处于顶端
}

• pageUp(boolean top)：将WebView展示的页面滑动至顶部。

• pageDown(boolean bottom)：将WebView展示的页面滑动至底部。

WebSettings：配置WebView

WebSettings是用来管理WebView配置的类。当WebView第一次创建时，内部会包含一个默认配置的集合。若我们想更改这些配置，便可以通过WebSettings里的方法来进行设置。
WebSettings对象可以通过WebView.getSettings()获得，它的生命周期是与它的WebView本身息息相关的，如果WebView被销毁了，那么任何由WebSettings调用的方法也同样不能使用。
（几乎所有的set方法都有相应的get方法，这里就只介绍set了。另，所有未写方法返回值类型的皆为空类型）

• setJavaScriptEnabled(boolean flag)：设置WebView是否可以运行JavaScript。

• setJavaScriptCanOpenWindowsAutomatically(boolean flag)：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的window.open()配合使用。

• setAllowFileAccess(boolean allow)：启用或禁用WebView访问文件数据。

• setBlockNetworkImage(boolean flag)：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。
  这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。
  通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。

• setSupportZoom(boolean support)：设置是否支持缩放。

• setBuiltInZoomControls(boolean enabled)：显示或不显示缩放按钮（wap网页不支持）。

• setSupportMultipleWindows(boolean support)：设置WebView是否支持多窗口。

• setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。

• setNeedInitialFocus(boolean flag)：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。

• setLoadWithOverviewMode(boolean b); 设置 WebView 可以加载更多格式页面

• setUseWideViewPort(true);设置WebView使用广泛的视窗

• setLoadsImagesAutomatically(boolean b);支持自动加载图片

• setAppCacheEnabled(boolean flag)：启用或禁用应用缓存。

• setAppCachePath(String appCachePath)：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~

• setCacheMode(int mode)：用来设置WebView的缓存模式。当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
  缓存模式有四种：

  1. LOAD_DEFAULT：默认的缓存使用模式。在进行页面前进或后退的操作时，如果缓存可用并未过期就优先加载缓存，否则从网络上加载数据。这样可以减少页面的网络请求次数。
  2. LOAD_CACHE_ELSE_NETWORK：只要缓存可用就加载缓存，哪怕它们已经过期失效。如果缓存不可用就从网络上加载数据。
  3. LOAD_NO_CACHE：不加载缓存，只从网络加载数据。
  4. LOAD_CACHE_ONLY：不从网络加载数据，只从缓存加载数据。
     通常我们可以根据网络情况将这几种模式结合使用，比如有网的时候使用LOAD_DEFAULT，离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK，让用户不至于在离线时啥都看不到。

• setDatabaseEnabled(boolean flag)：启用或禁用数据库缓存。

• setDomStorageEnabled(boolean flag)：启用或禁用DOM缓存。

• setUserAgentString(String ua)：设置WebView的UserAgent值。

• setDefaultEncodingName(String encoding)：设置编码格式，通常都设为“UTF-8”。

• setStandardFontFamily(String font)：设置标准的字体族，默认“sans-serif”。

• setCursiveFontFamily：设置草书字体族，默认“cursive”。

• setFantasyFontFamily：设置CursiveFont字体族，默认“cursive”。

• setFixedFontFamily：设置混合字体族，默认“monospace”。

• setSansSerifFontFamily：设置梵文字体族，默认“sans-serif”。

• setSerifFontFamily：设置衬线字体族，默认“sans-serif”

• setDefaultFixedFontSize(int size)：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。

• setDefaultFontSize(int size)：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。

• setMinimumFontSize：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。

• setMinimumLogicalFontSize：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。

WebViewClient：内政大臣

从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的，我们可以称他为WebView的“内政大臣”。

• onLoadResource(WebView view, String url)：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。

• onPageStarted(WebView view, String url, Bitmap favicon)：该方法在WebView开始加载页面且仅在Main frame loading（即整页加载）时回调，一次Main frame的加载只会回调该方法一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。

• onPageFinished(WebView view, String url)：该方法只在WebView完成一个页面加载时调用一次（同样也只在Main frame loading时调用），我们可以可以在此时关闭加载动画，进行其他操作。

• onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)：该方法在web页面加载错误时回调，这些错误通常都是由无法与服务器正常连接引起的，最常见的就是网络问题。
  这个方法有两个地方需要注意：
  1.这个方法只在与服务器无法正常连接时调用，类似于服务器返回错误码的那种错误（即HTTP ERROR），该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；
  2.这个方法是新版本的onReceivedError()方法，从API23开始引进，与旧方法onReceivedError(WebView view,int errorCode,String description,String failingUrl)不同的是，新方法在页面局部加载发生错误时也会被调用（比如页面里两个子Tab或者一张图片）。这就意味着该方法的调用频率可能会更加频繁，所以我们应该在该方法里执行尽量少的操作。

• onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)：上一个方法提到onReceivedError并不会在服务器返回错误码时被回调，那么当我们需要捕捉HTTP ERROR并进行相应操作时应该怎么办呢？API23便引入了该方法。当服务器返回一个HTTP ERROR并且它的status code>=400时，该方法便会回调。这个方法的作用域并不局限于Main Frame，任何资源的加载引发HTTP ERROR都会引起该方法的回调，所以我们也应该在该方法里执行尽量少的操作，只进行非常必要的错误处理等。

• onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)：当WebView加载某个资源引发SSL错误时会回调该方法，这时WebView要么执行handler.cancel()取消加载，要么执行handler.proceed()方法继续加载（默认为cancel）。需要注意的是，这个决定可能会被保留并在将来再次遇到SSL错误时执行同样的操作。

• WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request)：当WebView需要请求某个数据时，这个方法可以拦截该请求来告知app并且允许app本身返回一个数据来替代我们原本要加载的数据。
  比如你对web的某个js做了本地缓存，希望在加载该js时不再去请求服务器而是可以直接读取本地缓存的js，这个方法就可以帮助你完成这个需求。你可以写一些逻辑检测这个request，并返回相应的数据，你返回的数据就会被WebView使用，如果你返回null，WebView会继续向服务器请求。

• boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request)：哈~ 终于到了这个方法，在最开始的基础演示时我们用到了这个方法。从实践中我们知道，当我们没有给WebView提供WebViewClient时，WebView如果要加载一个url会向ActivityManager寻求一个适合的处理者来加载该url（比如系统自带的浏览器），这通常是我们不想看到的。于是我们需要给WebView提供一个WebViewClient，并重写该方法返回true来告知WebView url的加载就在app中进行。这时便可以实现在app内访问网页。

• onScaleChanged(WebView view, float oldScale, float newScale)：当WebView得页面Scale值发生改变时回调。

• boolean shouldOverrideKeyEvent(WebView view, KeyEvent event)：默认值为false，重写此方法并return true可以让我们在WebView内处理按键事件。

webview.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

               @Override
            public void onReceivedError(WebView view, int errorCode,
                    String description, String failingUrl) {
                switch(errorCode)
                {
                case HttpStatus.SC_NOT_FOUND:
                    view.loadUrl("file:///android_assets/error_handle.html");
                    break;
                }
            }
        });

WebChromeClient：外交大臣

如果说WebViewClient是帮助WebView处理各种通知、请求事件的“内政大臣”的话，那么WebChromeClient就是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等偏外部事件的“外交大臣”。

• onProgressChanged(WebView view, int newProgress)：当页面加载的进度发生改变时回调，用来告知主程序当前页面的加载进度。

• onReceivedIcon(WebView view, Bitmap icon)：用来接收web页面的icon，我们可以在这里将该页面的icon设置到Toolbar。

• onReceivedTitle(WebView view, String title)：用来接收web页面的title，我们可以在这里将页面的title设置到Toolbar。
  以下两个方法是为了支持web页面进入全屏模式而存在的（比如播放视频），如果不实现这两个方法，该web上的内容便不能进入全屏模式。

• onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)：该方法在当前页面进入全屏模式时回调，主程序必须提供一个包含当前web内容（视频 or Something）的自定义的View。

• onHideCustomView()：该方法在当前页面退出全屏模式时回调，主程序应在这时隐藏之前show出来的View。

• Bitmap getDefaultVideoPoster()：当我们的Web页面包含视频时，我们可以在HTML里为它设置一个预览图，WebView会在绘制页面时根据它的宽高为它布局。而当我们处于弱网状态下时，我们没有比较快的获取该图片，那WebView绘制页面时的gitWidth()方法就会报出空指针异常~ 于是app就crash了。。
  这时我们就需要重写该方法，在我们尚未获取web页面上的video预览图时，给予它一个本地的图片，避免空指针的发生。

• View getVideoLoadingProgressView()：重写该方法可以在视频loading时给予一个自定义的View，可以是加载圆环 or something。

• boolean onJsAlert(WebView view, String url, String message, JsResult result)：处理Javascript中的Alert对话框。

• boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)：处理Javascript中的Prompt对话框。

• boolean onJsConfirm(WebView view, String url, String message, JsResult result)：处理Javascript中的Confirm对话框

• boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)：该方法在用户进行了web上某个需要上传文件的操作时回调。我们应该在这里打开一个文件选择器，如果要取消这个请求我们可以调用filePathCallback.onReceiveValue(null)并返回true。

• onPermissionRequest(PermissionRequest request)：该方法在web页面请求某个尚未被允许或拒绝的权限时回调，主程序在此时调用grant(String [])或deny()方法。如果该方法没有被重写，则默认拒绝web页面请求的权限。

• onPermissionRequestCanceled(PermissionRequest request)：该方法在web权限申请权限被取消时回调，这时应该隐藏任何与之相关的UI界面。

webview.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                //get the newProgress and refresh progress bar
            }

                 @Override
            public void onReceivedTitle(WebView view, String title) {
                titleview.setText(title);//a textview
            }
        });

JavaScript与webview的交互

交互需要添加：

wv.getSettings().setJavaScriptEnabled(true);//允许js

1、WebView调用网页上的JavaScript代码

在WebView中调用Js的基本格式为webView.loadUrl(“javascript:methodName(parameterValues)”);
Android端只需要这一步。

html中：

<script>
        alert("你好！");

        //java调用js的函数
        function sayHello() {
            alert("Hello");
        }
        //java调用js的函数
        function alertMsg(msg) {
            alert(msg);
        }
        //java调用js的函数
        function alertMessage(msg) {
            alert(msg);
        }

        function alertName() {
            var userName = "xiaoming";
            alert(userName);
        }

        //确定  
        function onConfirm() {
            var b = confirm("are you sure to login?");
            alert("your choice is " + b);
        }
        //提示  
        function onPrompt() {
            var b = prompt("please input your password", "aaa");
            alert("your input is " + b);
        }
    script>

    <input type="button" value="confirm" onclick="onConfirm()" />
    br>
    br>
    <input type="button" value="prompt" onclick="onPrompt()" />
    br>
    br>
    <input type="button" id="button" value="点击alertsayHello"
        onclick="sayHello()" />
    <br />
    <br />
    <input type="button" id="button" value="点击alertMsg"
        onclick="alertMsg('我是一条信息')" />
    <br />
    <br />
    <input type="button" id="button" value="点击alertName"
        onclick="alertName()" />
    <br />
    <br />
    <button type="button" id="btn_toast"
    onclick="toastMsg('返回上个activity')">js调用Java回到上一个activity,并且toast
    button>
    <br />
    <br />
    <button type="button" id="btn_sum" onclick="sumJava(1,9)">js调用Java来计算结果button>

Java代码中：

// 加载页面
wv.loadUrl("file:///android_asset/JavaCallJs.html");
// 设置webview的javascript可用
wv.getSettings().setJavaScriptEnabled(true);
// 不加下面这句话，是无法调起alert的
wv.setWebChromeClient(new WebChromeClient());    

wv.loadUrl("javascript:sayHello()");
wv.loadUrl("javascript:sumJS(1, 5)");
wv.loadUrl("javascript:alertMessage(\"" + "Hello, World!" + "\")");
wv.loadUrl("javascript:alertMessage(\"" + "content" + "\")");

二、JavaScript通过WebView调用Java代码

从API17开始，Android提供了@JavascriptInterface对象注解的方式来建立起Javascript对象和Android原生对象的绑定，提供给JavScript调用的函数必须带有@JavascriptInterface。如果targetSdkVersion是17或者更高（android 4.2以上），必须使用 @JavascriptInterface注解，才能让网页访问到本地代码。

Android需要：1、添加js接口2、写js要调用的方法

Java代码中：

wv.getSettings().setJavaScriptEnabled(true);// 启用js
wv.addJavascriptInterface(new Call(MainActivity.this), "control");//js与Java的通道：control
wv.setWebChromeClient(new WebChromeClient());// 支持alert

wv.loadUrl("file:///android_asset/JsCallJava.html");


//内部类
public class Call {
        private MainActivity mainActivity;

        public Call(MainActivity mainActivity) {
            this.mainActivity = mainActivity;
        }

        /**
         * js调用Java 调用格式为window.jsInterfaceName.methodName(parameterValues)
         * 
         * @param msg
         */
        @JavascriptInterface
        public void showToast(String msg) {
            Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_SHORT)
                    .show();
            finish();
        }

        /*
         * @JavascriptInterface public void showToast() { finish(); }
         */

        /**
         * js调用Java 调用格式为window.jsInterfaceName.methodName(parameterValues)
         * 
         * @param result
         *
         */
        @JavascriptInterface
        public void onSumResult(int result) {
            Toast.makeText(getApplicationContext(), "结果为:" + result,
                    Toast.LENGTH_SHORT).show();
        }

    }

HTML中：

<script>
    /*在JS代码中调用Java方法，方法：通过window.control接口
       ①： 首先在Java代码中定义好需要调用的方法
        public void methodName(String msg) {...}
        和webview与js调用的接口（参数分别为：object，js调用的接口名jsInterfaceName)
        wv.getSettings().setJavaScriptEnabled(true);// 启用js
        wv.addJavascriptInterface(new Call(MainActivity.this), "control");
        注意：jsInterfaceName是js调用Java必须的
       ②： 然后在JS代码中通过window.jsInterfaceName.methodName来设置调用的方式
        然后通过webview中的button来触发调用，谁调用谁给定实参
     */
    function toastMsg(msg) {
        window.control.showToast(msg)
    }

/*  function toastMsg() {
        window.control.showToast()
    } */

    // js调用Java
    // 调用格式为window.jsInterfaceName.methodName(parameterValues)
    //control是js调用Java必须的接口，onSumResult是调用的方法
    function sumJava(num1, num2) {
        window.control.onSumResult(num1 + num2)
    }

    function sumJS(num1, num2) {
        /* return num1 + num2; */
        //先Java调用js的sumJS(num1, num2),再js调用Java中的onSumResult
        window.control.onSumResult(num1 + num2)
    }
script>

播放视频：

android2.1及之前的版本是不支持flash的。

android2.2开始之后开始支持flash。要使用webview加载flash首先手机应该安装flash插件；
其次应该设置

webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setPluginsEnabled(true);

android4.0要加载flash的话还需要开启硬件加速。

但是会出现问题：4.0加载flash确实可以正常播放，但是当你点击flash中的全屏按钮时，要么画面卡住要么有声音没画面。原因：flash正常大小在webview中显示是没有问题的。但是点击全屏按钮后flash会有一个全屏的界面，而这个全屏界面与正常大小的界面并不是显示在同一个view中。相当于有两个view，分别装载一般大小和全屏的界面。
4.0中修改了装载全屏界面这个view的显示状态，所以会导致全屏时界面无或者卡住的问题。
解决方法：
1、Manifest中 Activity需要设置为: 全屏, 横屏，Application属性添加硬件加速

android:screenOrientation="landscape"

android:hardwareAccelerated="true"

代码中添加硬件加速：

getWindow().setFlags(0x1000000, 0x1000000);

2、权限

<uses-permission android:name="android.permission.INTERNET"/>

3、退出视频播放会出现视频还没停止的问题:

@Override  
public void onPause() {//
    super.onPause();  
    mWebView.onPause();  
}  

@Override  
public void onResume() {//  
    super.onResume();  
    mWebView.onResume();  
}  

@Override  
public boolean onKeyDown(int keyCode, KeyEvent event) {  
    if (keyCode == KeyEvent.KEYCODE_BACK  
            && event.getAction() == KeyEvent.ACTION_DOWN) {  
        mWebView.loadData("", "text/html; charset=UTF-8", null);  
        finish();  
        return true;  
    }  
    return super.onKeyDown(keyCode, event);  
}

4、WebChromeClient，要重写其中的onShowCustomView 方法 表示进入全屏的时候，以及onHideCustomView 表示退出全屏的时候界面的话，就是一个webview ,一个FrameLayout ,当全屏的时候就设置webview 隐藏，让FrameLayout全屏显示出来，那么视频就自动跑到FrameLayout这里面放了。退出全屏的时候，一样道理，这里要用到回调函数。

public class myWebChromeClient extends WebChromeClient {
        private View xprogressvideo;

        // 播放网络视频时全屏会被调用的方法
        @Override
        public void onShowCustomView(View view, CustomViewCallback callback) {
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
            webView.setVisibility(View.INVISIBLE);

            // 如果一个视图已经存在，那么立刻终止并新建一个
            if (xCustomView != null) {
                callback.onCustomViewHidden();
                return;
            }

            video_fullView.addView(view);
            xCustomView = view;
            xCustomViewCallback = callback;
            video_fullView.setVisibility(View.VISIBLE);
        }

        // 视频播放退出全屏会被调用的
        @Override
        public void onHideCustomView() {
            if (xCustomView == null) {// 不是全屏播放状态
                return;
            }
            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
            xCustomView.setVisibility(View.GONE);
            video_fullView.removeView(xCustomView);
            xCustomView = null;
            video_fullView.setVisibility(View.GONE);
            xCustomViewCallback.onCustomViewHidden();
            webView.setVisibility(View.VISIBLE);
        }

        // 视频加载时进程loading
        @Override
        public View getVideoLoadingProgressView() {
            if (xprogressvideo == null) {
                LayoutInflater inflater = LayoutInflater
                        .from(MainActivityI.this);
                xprogressvideo = inflater.inflate(
                        R.layout.video_loading_progress, null);
            }
            return xprogressvideo;
        }
    }

额外知识：

获取当前SDK版本：

public static int getAndroidSDKVersion() {
        int version = 0;
        try {
            version = Integer.valueOf(android.os.Build.VERSION.SDK);
        } catch (NumberFormatException e) {
            e.printStackTrace(); 
        }
        return version;
    }

WebView屏幕自适应:

WebSettings webSettings = webView.getSettings();
webSettings.setUseWideViewPort(true);
webSettings.setLoadWithOverviewMode(true);

设置网页栈返回
webview会默认把浏览过去的网页进行压栈存储，所以我们有时需要实现回退到上一目录

//点击后退按钮,让WebView后退一页(也可以覆写Activity的onKeyDown方法)  
        webView.setOnKeyListener(new View.OnKeyListener() {  
            @Override  
            public boolean onKey(View v, int keyCode, KeyEvent event) {  
                if (event.getAction() == KeyEvent.ACTION_DOWN) {  
                    if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {  
                        webView.goBack();   //后退  
                        return true;    //已处理  
                    }  
                }  
                return false;  
            }  
        });

@Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            if (webView.canGoBack()) {
                webView.goBack();//返回上一浏览页面
                return true;
            } else {
                finish();//关闭Activity
            }
        }
        return super.onKeyDown(keyCode, event);
    }

启动或关闭webview的缩放功能

mWebView.getSettings().setSupportZoom(true);
mWebView.getSettings().setBuiltInZoomControls(true);

判断 WebView 是否已经滚动到页面底端

if(WebView.getContentHeight*WebView.getScale() ==(webview.getHeight()+WebView.getScrollY())){
  //XXX
}

顶部带进度条的webview：

public class ProgressWebView extends WebView {

    private ProgressBar progressbar;

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

    public ProgressWebView(Context context, AttributeSet attrs) {
        super(context, attrs);

        progressbar = new ProgressBar(context, null, android.R.attr.progressBarStyleHorizontal);
        progressbar.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, 3, 0, 0));
        addView(progressbar);
        //        setWebViewClient(new WebViewClient(){});
        setWebChromeClient(new WebChromeClient());
    }

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

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public ProgressWebView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    public ProgressWebView(Context context, AttributeSet attrs, int defStyleAttr, boolean privateBrowsing) {
        super(context, attrs, defStyleAttr, privateBrowsing);
    }


    public class WebChromeClient extends android.webkit.WebChromeClient {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            if (newProgress == 100) {
                progressbar.setVisibility(GONE);
            } else {
                if (progressbar.getVisibility() == GONE)
                    progressbar.setVisibility(VISIBLE);
                progressbar.setProgress(newProgress);
            }
            super.onProgressChanged(view, newProgress);
        }

    }

    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        LayoutParams lp = (LayoutParams) progressbar.getLayoutParams();
        lp.x = l;
        lp.y = t;
        progressbar.setLayoutParams(lp);
        super.onScrollChanged(l, t, oldl, oldt);
    }
}

webview的屏幕适配问题:

一个简单的方法，让网页快速适应手机屏幕，代码如下

WebSettings webSettings= webView.getSettings();
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

说明：
LayoutAlgorithm 是一个枚举，用来控制html的布局，总共有三种类型：
NORMAL：正常显示，没有渲染变化。
SINGLE_COLUMN：把所有内容放到WebView组件等宽的一列中。
NARROW_COLUMNS：可能的话，使所有列的宽度不超过屏幕宽度。

android 4.0中关于webview加载flash并使flash全屏的问题

Android用Webview播放优酷视频全屏问题

WebView·开车指南

WebView的使用以及Android与Js的交互

Android混合开发之WebView使用总结

WebView loadUrl,loadData,loadDataBase

WebView中的视频全屏的相关操作

Android WebView播放视频（包括全屏播放）

【Android】带进度条的WebView

Android WebView 缓存处理

浅谈WebView的使用

WebView中常见问题总结

https加载问题

默认情况下，不能访问 https，需要重写 WebViewClient 的 onReceivedSslError
默认情况下，不能弹 js 框，需要重写 WebChromeClient 的 onJsAlert

webview加载的网页是http请求的 ，如果网页里有一张图片，并且该图片的地址是https请求的，这时候用webview加载网页，图片是不显示的。

 Mixed Content as loaded over HTTPS, but requested an insecure image 

意思是 http请求和https请求混淆了
注意： 用webview加载网页，一定用同一种请求

在使用WebView加载https资源文件时，如果认证证书不被Android认可，那么会出现无法成功加载对应资源问题。那么，我们就要针对这一状况作出对应的处理。
解决步骤：

1、启用mixed content

在Android5.0中，WebView方面做了些修改，如果你的系统target api为21以上:

系统默认禁止了mixed content和第三方cookie。
可以使用setMixedContentMode() 和 setAcceptThirdPartyCookies()以分别启用。

系统现在可以智能选择HTML文档的portion来绘制。这种新特性可以减少内存footprint并改进性能。若要一次性渲染整个HTML文档，可以调用这个方法enableSlowWholeDocumentDraw()

如果你的app的target api低于21:系统允许mixed content和第三方cookie，并且总是一次性渲染整个HTML文档。

在使用WebView的类中添加如下代码：

// android 5.0以上默认不支持Mixed Content
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    webView.getSettings().setMixedContentMode(
        WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);
}

2、设置WebView接受所有网站的证书

在认证证书不被Android所接受的情况下，我们可以通过设置重写WebViewClient的onReceivedSslError方法在其中设置接受所有网站的证书来解决，具体代码如下：

webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onReceivedSslError(WebView view,
                    SslErrorHandler handler, SslError error) {
                // TODO Auto-generated method stub
                // handler.cancel();// Android默认的处理方式
                handler.proceed();// 接受所有网站的证书
                // handleMessage(Message msg);// 进行其他处理
            }
});

注：在重写WebViewClient的onReceivedSslError方法时，注意一定要去除onReceivedSslError方法的super.onReceivedSslError(view, handler, error);，否则设置无效。

参考：
【Android】WebView加载https页面不能正常显示资源问题
android 用webview加载网页(https和http)
推荐阅读：关于安卓webview加载网页黑屏、部分黑屏或blank的解决方法

很多朋友在利用安卓的webview加载网页的时候 可能会出现黑屏现象 这种情况出现在Android4.4版本以上比较多 ，低一点的版本可能是blank空白。然后 有些朋友会在不断的修改webview的一些参数设置
网上见的比较多的就是添加这一句代码webview.getSettings().setJavaScriptEnabled(true); 或者 修改webview控件以及它所在的LinearLayout的layout_width和layout_height属性值为”fill_parent”；或者对网页的图文进行异步加载 先在load前利用webview.getSettings().setBlockNetworkImage(true);方法对图片进行阻塞，待文字加载完毕后，再在onPageFinished(WebView view, String url) 方法中取消图片阻塞。
这些方法我都试过了一遍 但发现都没有达到很好的效果 实际上 非常简单 你可以通过添加一句代码就可以解决这个困扰你的问题 那就是

webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

从网上搜索，这似乎是因为硬件加速canvas渲染不支持Chromium WebView，这一行代码可以关闭硬件加速的canvas。
大家不妨试试，有什么错误的请指正。
如果还是不行的话 我觉得只能修改网页body标签的css样式 让背景为白色了

从Android5.0开始，WebView默认不支持同时加载Https和Http混合模式。

从Android5.0以后，当一个安全的站点（https）去加载一个非安全的站点（http）时，需要配置Webview加载内容的混合模式，一共有如下三种模式：

MIXED_CONTENT_NEVER_ALLOW：
Webview不允许一个安全的站点（https）去加载非安全的站点内容（http）,
比如，https网页内容的图片是http链接。强烈建议App使用这种模式，因为这样更安全。

MIXED_CONTENT_ALWAYS_ALLOW：
在这种模式下，WebView是可以在一个安全的站点（Https）里加载非安全的站点内容（Http）,
这是WebView最不安全的操作模式，尽可能地不要使用这种模式。

MIXED_CONTENT_COMPATIBILITY_MODE：
在这种模式下，当涉及到混合式内容时，WebView会尝试去兼容最新Web浏览器的风格。
一些不安全的内容（Http）能被加载到一个安全的站点上（Https），
而其他类型的内容将会被阻塞。这些内容的类型是被允许加载还是被阻塞可能会随着版本的不同而改变，
并没有明确的定义。这种模式主要用于在App里面不能控制内容的渲染，但是又希望在一个安全的环境下运行。

在Android5.0以下，默认是采用的MIXED_CONTENT_ALWAYS_ALLOW模式，即总是允许WebView同时加载Https和Http；
而从Android5.0开始，默认用MIXED_CONTENT_NEVER_ALLOW模式，即总是不允许WebView同时加载Https和Http。

虽然官网给出的建议是，为了安全考虑，使用MIXED_CONTENT_NEVER_ALLOW模式，但是在实际引用中，当我们的服务器已经升级到Https，但是一些页面的资源是第三方的，我们不能要求第三方也都升级到Https，所以我们只能根据系统版本，用代码去设置加载模式为MIXED_CONTENT_ALWAYS_ALLOW。

参考：Android5.0 WebView中Http和Https混合问题

Android5.0上 WebView中Http和Https混合问题

/**
 * MIXED_CONTENT_ALWAYS_ALLOW：允许从任何来源加载内容，即使起源是不安全的；
 * MIXED_CONTENT_NEVER_ALLOW：不允许Https加载Http的内容，即不允许从安全的起源去加载一个不安全的资源；
 * MIXED_CONTENT_COMPATIBILITY_MODE：当涉及到混合式内容时，WebView 会尝试去兼容最新Web浏览器的风格。
 **/
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
     webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
}