Android WebView使用详解

一、WebView的设置

//支持获取手势焦点，输入用户名、密码或其他

webview.requestFocusFromTouch();
    WebSettings webSettings = mWebView .getSettings();
    webSettings.setJavaScriptEnabled(true);  //支持js，如果不设置本行，html中的js代码都会失效
    webSettings.setPluginsEnabled(true);  //支持插件
    webSettings.setRenderPriority(RenderPriority.HIGH);  //提高渲染的优先级

设置自适应屏幕，两者合用

webSettings.setUseWideViewPort(true);  //将图片调整到适合webview的大小
    webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小
    webSettings.setSupportZoom(true);  //支持缩放，默认为true。是下面那个的前提。
    webSettings.setBuiltInZoomControls(true); //设置可以缩放
    webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件
    //若上面是false，则该WebView不可缩放，这个不管设置什么都不能缩放。
    webSettings.setTextZoom(2);//设置文本的缩放倍数，默认为 100
    webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局
    webSettings.supportMultipleWindows();  //多窗口
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //关闭webview中缓存
    webSettings.setAllowFileAccess(true);  //设置可以访问文件
    webSettings.setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口，不明白什么意思
    webSettings.setLoadsImagesAutomatically(true);  //支持自动加载图片
    webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式
    webSettings.setStandardFontFamily("");//设置 WebView 的字体，默认字体为 "sans-serif"
    webSettings.setDefaultFontSize(20);//设置 WebView 字体的大小，默认大小为 16
    webSettings.setMinimumFontSize(12);//设置 WebView 支持的最小字体大小，默认为 8

二、webView加载页面

//webview加载在线网站
    mWebView.loadUrl("http://www.baidu.com");
    //webview加载assets中的html文件
    mWebView.loadUrl("file:///android_asset/test.html");
    //webview加载位于sdcard上的html文档
    mWebView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");
    //webview加载部分html
    //data的内容必须是符合html规范的String字符串
    mWebView.loadDataWithBaseURL(null,"","text/html","utf-8",null);
    mWebView.loadData("","text/html","utf-8");

三、webView的两个Client

1.WebViewClient
      //如果不添加这一行代码，那么我们的html会使用系统默认浏览器打开
        //如果超过一个浏览器可选择，那么会让用户自己选择
        mWebView.setWebViewClient(new WebViewClient() 
难道一个WebViewClient存在的意义就是让html在App内打开？当然不是，WebViewClient有很多方法，帮我们处理网页在加载过程中的各种问题,先来看几个常用的：

mWebView.setWebViewClient(new WebViewClient() {
                @Override
                public void onPageStarted(WebView view, String url, Bitmap favicon) {
                    //网页开始加载的时候调用
                    super.onPageStarted(view, url, favicon);
                    Log.d(TAG, "onPageStarted: ");
                }
    
                @Override
                public void onPageFinished(WebView view, String url) {
                    //网页加载结束的时候调用
                    super.onPageFinished(view, url);
                    Log.d(TAG, "onPageFinished: ");
                }
    
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                    //拦截url
                    Uri url1 = request.getUrl();
                    Map<String, String> requestHeaders = request.getRequestHeaders();
                    boolean redirect = request.isRedirect();
                    
                    Log.d(TAG, "shouldOverrideUrlLoading: ");
                    return super.shouldOverrideUrlLoading(view, request);
                }
                @Override
                public boolean shouldOverrideUrlLoading(WebView view, String url) {
                      //同上，只是方法过时了而已
                    return super.shouldOverrideUrlLoading(view, url);
                }
                @Override
                public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
                    Log.d(TAG, "shouldInterceptRequest: request");
                    return super.shouldInterceptRequest(view, request);
                }
    
                @Override
                public void onLoadResource(WebView view, String url) {
                    //网页中的元素请求资源的时候调用，每一次请求都会调用
                    super.onLoadResource(view, url);
                    Log.d(TAG, "onLoadResource: ");
                }
            });

这样看什么问题也看不出来，所以我增加了打印日志的代码，下面看日志：由于打印日志太多，我把日志图片截成了两部分，都是比较重要的部分。
日志输出1

日志输出2

从日志输出可以看到，webView在加载一个网页时所请求的流程：
onPageStarted（）--->onLoadResource()--->shouldOverrideUrlLoading--->onPageStarted()--->shouldInterceptRequest--->
onLoadResource--->
shouldInterceptRequest--->
onLoadResource--->...重复
--->onPageFinished--->
shouldInterceptRequest--->
onLoadResource--->...重复
由此可见
1.onPageStarted（）会调用两遍，而且第一遍并没有真正请求，应该只是http建立连接的过程（这个是我猜测的），第二次执行onPageStarted（）才是真正开始加载网页
2.shouldOverrideUrlLoading在第一次onPageStarted（）完成后，会调用这个方法，用于让用户实现拦截url，这是用户唯一一次拦截url的机会。
3.webview的每一次资源请求前，即调用onLoadResource（）方法前，都会调用shouldInterceptRequest（）方法来咨询我们是否需要拦截该请求，或者替换请求数据。
为什么onPageFinished（）调用后，后面还有那么多的请求资源的动作？？？还是说因为异步的原因？跪求高手解答
WebViewClient还内置了别的很多方法供我们使用

@Override
                public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
                    super.onReceivedSslError(view, handler, error);
                    //https请求出错的时候
                }
    
                @Override
                public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                    super.onReceivedError(view, request, error);
                    //加载网页出错
                }
    
                @Override
                public void onScaleChanged(WebView view, float oldScale, float newScale) {
                    super.onScaleChanged(view, oldScale, newScale);
                    //缩放改变时
                }
    
                @Override
                public void onUnhandledKeyEvent(WebView view, KeyEvent event) {
                    super.onUnhandledKeyEvent(view, event);
                    //未处理键盘事件
                }
    
                @Override
                public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
                    return super.shouldOverrideKeyEvent(view, event);
                    //处理键盘事件
                }

在实际开发的时候，根据实际需要重写必要的方法即可，没有必要全部重写。

2.WebChromeClient
系统已经给我们提供了WebViewClient，那为什么还要一个WebChromeClient呢？
没有比较就没有伤害，我们来看WebChromeClient中的方法

mWebView.setWebChromeClient(new WebChromeClient() {
    
                @Override
                public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                    //处理js中的alert（）方法,在alert（）之前调用,return true代表我们自己处理该事件，js中的alert（）方法会失效
                    //message 是弹框中的内容
                    return super.onJsAlert(view,url,message,result);
                }
    
                @Override
                public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                    //处理js中的prompt()方法,在prompt()之前调用,return true代表我们自己处理该事件，js中的prompt()方法会失效
                    //message 是弹框中的内容
                    return super.onJsPrompt(view,url,message,defaultValue,result);
                }
    
                @Override
                public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                    //处理js中的confirm()方法,confirm()之前调用,return true代表我们自己处理该事件，js中的confirm()方法会失效
                    //message 是弹框中的内容
                    return super.onJsConfirm(view, url, message, result);
                }
    
                @Override
                public void onReceivedTitle(WebView view, String title) {
                    //title就是网页中title属性值
                }
    
                @Override
                public void onProgressChanged(WebView view, int newProgress) {
                    super.onProgressChanged(view, newProgress);
                    //newProgress为网页的加载进度，并且这个值并不是有规律的递增的，最大值为100
                }
    
                @Override
                public void onReceivedIcon(WebView view, Bitmap icon) {
                    super.onReceivedIcon(view, icon);
                    //icon是网页的icon
                }
            });

由此可见，WebChromeClient的主要指责是负责webView处理网站title、网站图标、加载进度以及js的对话框等
需要强调的是，在测试中发现，如果不设置WebChromeClient，那么html代码的中那几种弹框也无法正常弹出，即使你已经设置了webSettings.setJavaScriptEnabled(true)也不管用

总结一下
1.要想WebChromeClient中的方法生效，一定记得给webView设置支持js功能。
2.要想js的弹框可以正常弹出，在给webview设置支持js功能的前提下，一定要给webView设置WebChromeClient。

文章来源：https://www.jianshu.com/p/22265f5c5d78

AI摘要

本文详细介绍了Android WebView的使用方法，包括WebView的设置、加载页面、以及WebViewClient和WebChromeClient的两个Client类。通过代码示例和日志输出，解释了WebView在加载网页时的请求流程，以及如何通过WebViewClient和WebChromeClient处理网页加载过程中的各种问题。文章强调了设置WebChromeClient的重要性，以及在实际开发中根据需要重写必要的方法。

本文详细介绍了Android We

一、WebView的设置

//支持获取手势焦点，输入用户名、密码或其他

webview.requestFocusFromTouch();
WebSettings webSettings = mWebView .getSettings();
webSettings.setJavaScriptEnabled(true);  //支持js，如果不设置本行，html中的js代码都会失效
webSettings.setPluginsEnabled(true);  //支持插件
webSettings.setRenderPriority(RenderPriority.HIGH);  //提高渲染的优先级

设置自适应屏幕，两者合用

webSettings.setUseWideViewPort(true);  //将图片调整到适合webview的大小
webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小
webSettings.setSupportZoom(true);  //支持缩放，默认为true。是下面那个的前提。
webSettings.setBuiltInZoomControls(true); //设置可以缩放
webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件
//若上面是false，则该WebView不可缩放，这个不管设置什么都不能缩放。
webSettings.setTextZoom(2);//设置文本的缩放倍数，默认为 100
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局
webSettings.supportMultipleWindows();  //多窗口
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //关闭webview中缓存
webSettings.setAllowFileAccess(true);  //设置可以访问文件
webSettings.setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口，不明白什么意思
webSettings.setLoadsImagesAutomatically(true);  //支持自动加载图片
webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式
webSettings.setStandardFontFamily("");//设置 WebView 的字体，默认字体为 "sans-serif"
webSettings.setDefaultFontSize(20);//设置 WebView 字体的大小，默认大小为 16
webSettings.setMinimumFontSize(12);//设置 WebView 支持的最小字体大小，默认为 8

二、webView加载页面

//webview加载在线网站
mWebView.loadUrl("http://www.baidu.com");
//webview加载assets中的html文件
mWebView.loadUrl("file:///android_asset/test.html");
//webview加载位于sdcard上的html文档
mWebView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");
//webview加载部分html
//data的内容必须是符合html规范的String字符串
mWebView.loadDataWithBaseURL(null,"","text/html","utf-8",null);
mWebView.loadData("","text/html","utf-8");

三、webView的两个Client

1.WebViewClient

  //如果不添加这一行代码，那么我们的html会使用系统默认浏览器打开
    //如果超过一个浏览器可选择，那么会让用户自己选择
    mWebView.setWebViewClient(new WebViewClient()

难道一个WebViewClient存在的意义就是让html在App内打开？当然不是，WebViewClient有很多方法，帮我们处理网页在加载过程中的各种问题,先来看几个常用的：

 mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                //网页开始加载的时候调用
                super.onPageStarted(view, url, favicon);
                Log.d(TAG, "onPageStarted: ");
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                //网页加载结束的时候调用
                super.onPageFinished(view, url);
                Log.d(TAG, "onPageFinished: ");
            }

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                //拦截url
                Uri url1 = request.getUrl();
                Map<String, String> requestHeaders = request.getRequestHeaders();
                boolean redirect = request.isRedirect();
                
                Log.d(TAG, "shouldOverrideUrlLoading: ");
                return super.shouldOverrideUrlLoading(view, request);
            }
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                  //同上，只是方法过时了而已
                return super.shouldOverrideUrlLoading(view, url);
            }
            @Override
            public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
                Log.d(TAG, "shouldInterceptRequest: request");
                return super.shouldInterceptRequest(view, request);
            }

            @Override
            public void onLoadResource(WebView view, String url) {
                //网页中的元素请求资源的时候调用，每一次请求都会调用
                super.onLoadResource(view, url);
                Log.d(TAG, "onLoadResource: ");
            }
        });

日志输出2

 @Override
            public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
                super.onReceivedSslError(view, handler, error);
                //https请求出错的时候
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
                //加载网页出错
            }

            @Override
            public void onScaleChanged(WebView view, float oldScale, float newScale) {
                super.onScaleChanged(view, oldScale, newScale);
                //缩放改变时
            }

            @Override
            public void onUnhandledKeyEvent(WebView view, KeyEvent event) {
                super.onUnhandledKeyEvent(view, event);
                //未处理键盘事件
            }

            @Override
            public boolean shouldOverrideKeyEvent(WebView view, KeyEvent event) {
                return super.shouldOverrideKeyEvent(view, event);
                //处理键盘事件
            }

在实际开发的时候，根据实际需要重写必要的方法即可，没有必要全部重写。

2.WebChromeClient
系统已经给我们提供了WebViewClient，那为什么还要一个WebChromeClient呢？
没有比较就没有伤害，我们来看WebChromeClient中的方法

mWebView.setWebChromeClient(new WebChromeClient() {

            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                //处理js中的alert（）方法,在alert（）之前调用,return true代表我们自己处理该事件，js中的alert（）方法会失效
                //message 是弹框中的内容
                return super.onJsAlert(view,url,message,result);
            }

            @Override
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                //处理js中的prompt()方法,在prompt()之前调用,return true代表我们自己处理该事件，js中的prompt()方法会失效
                //message 是弹框中的内容
                return super.onJsPrompt(view,url,message,defaultValue,result);
            }

            @Override
            public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                //处理js中的confirm()方法,confirm()之前调用,return true代表我们自己处理该事件，js中的confirm()方法会失效
                //message 是弹框中的内容
                return super.onJsConfirm(view, url, message, result);
            }

            @Override
            public void onReceivedTitle(WebView view, String title) {
                //title就是网页中title属性值
            }

            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                //newProgress为网页的加载进度，并且这个值并不是有规律的递增的，最大值为100
            }

            @Override
            public void onReceivedIcon(WebView view, Bitmap icon) {
                super.onReceivedIcon(view, icon);
                //icon是网页的icon
            }
        });

文章来源：https://www.jianshu.com/p/22265f5c5d78

暂无相关推荐

最后修改：2019 年 11 月 09 日

点赞的人是最酷的

Android WebView使用详解

※相关文章推荐※

※热评文章推荐※

※最新文章推荐※

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

google map 离线地图操作方法

《小猪佩奇、粉红猪小妹、Peppa Pig》高清1080p 中英文原版下载

《Stanley博士的家》高智商游戏

彭丹邓家佳同性恋电影《除却巫山》介绍

设置WebBrowser的Referrer值

JQuery DataTables 基本配置

影评：钢铁侠

开创Web安全新时代趋势进入"云安全"

Linux mint详细安装步骤

VB6如何访问.NET WebService服务

Android WebView使用详解

※相关文章推荐※

※热评文章推荐※

※最新文章推荐※

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Android WebView使用详解

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款