Android Studio 学习笔记(五):WebView 简单说明

Android中一个用于网页显示的控件,实际上,也可以看做一个功能最小化的浏览器,看起来类似于在微信中打开网页链接的页面。WebView主要用于在app应用中方便地访问远程网页或本地html资源。同时,WebView也在Android中充当Java代码和JS代码之间交互的桥梁。

WebView基本用法

设置WebView至少有两种方法

  1. 布局文件中添加WebView控件 & Activity中设置加载页面
  2. 调用setContentView()方法,直接通过代码创建

一般采用第一种方法,在 Activity中设置加载页面步骤如下

设置加载网址并使用loadUrl()方法加载

对变量private WebView wView;

  1. 电脑本地文件:放在app/src/main/assets下的html

    wView.loadUrl("file:///android_asset/test.html");

    手机本地文件

    wView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");

  2. 远程资源:

    需先在清单文件 AndroidManifest文件中为app申请网络使用权限:

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

    • 填入网页地址进行加载

      wView.loadUrl("https://www.cnblogs.com/ifever/")

    • 加载 HTML 页面的一小段内容
      WView.loadData(String data, String mimeType, String encoding)

在当前app页面内加载

wView.setWebViewClient(new WebViewClient() {   

@Override    
public boolean shouldOverrideUrlLoading(WebView view, String url) {    
return false;    
}    

@Override    
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {        
return false;   
}

以上两个方法都会在WebView加载新的url时触发。

Android 5.0以下系统会回调第一个方法,反之回调第二个方法。因此,为了兼容不同的系统版本,可以同时重写这两个方法。

可以看到,这两个方法都有一个boolean返回值。假如修改为true,会带来重定向问题。

返回键始终无法退出应用:重定向问题

设置true的代码如下

public boolean shouldOverrideUrlLoading(WebView view, String url) {
  view.loadUrl(url);//手动加载
  return true;
}
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
  view.loadUrl(request.getUrl().toString());//手动加载
  return true;
}

虽然不会影响加载,不过会带来用户点击回退键始终无法退出应用的问题,下面简单介绍下原理:

假设访问网页过程为A - > B - > C共三个站点,在C时点回退,C - > B没问题,接着再点 B -> A,这个时候问题出现了。尽管B来到了A,但是因为重定向又跳转到了B,如此循环往复...

返回值设为false的情况(且删去view.loadUrl()方法)就可解决这种问题。其实无论返回true还是false,只要为WebView设置了WebViewClient,都不影响正常的加载功能,只是系统就不会再将url交给第三方的浏览器去处理了。

这两种返回值的真正区别是这样的:

shouldOverrideUrlLoading返回false,代表将url交给当前WebView加载,也就是正常的加载状态;shouldOverrideUrlLoading返回true,代表开发者已经对url进行了处理,WebView就不会再对这个url进行加载了。可以用于屏蔽某些网址,借此实现黑名单机制。

解决了用户点击回退键始终无法退出应用,但还存在一个显著问题:用户希望回退到上一级页面,却直接退出了app

回退问题解决方法

goBack() //回退到上一级页面

canGoBack()//能否回退到上一级页面

@Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            if (keyCode == KeyEvent.KEYCODE_BACK && wView.canGoBack()) {
            //如果按下返回键,同时又可以回退到上一级页面,就返回上一级
                wView.goBack();
                return true;
            }
            return super.onKeyDown(keyCode,event);
        }

默认情况下,返回键会执行finish()方法,结束当前Activity。

有些app为了防止用户误触,在按下返回键且无法回退上一级页面时,会提示需要再次按下返回键,才结束当前Activity。这意味着需要在一定时间内连续按动两次返回键才可退出,设计更加人性化。将上述代码改为

private long exitTime = 0;
@Override
    public void onBackPressed() {
        if (wView.canGoBack()) {
            wView.goBack();
        } else {
            if ((System.currentTimeMillis() - exitTime) > 2000) {
                Toast.makeText(getApplicationContext(), "再按一次退出程序",
                        Toast.LENGTH_SHORT).show();
                exitTime = System.currentTimeMillis();
            } else {
                finish();
            }

        }
    }

此外修改布局文件,通过添加按钮并编写,也可以添加其他新功能,常用的有

finish(); //关闭当前Activity,一键退出

wView.reload(); //刷新当前页面

wView.setScrollY(0); //滚动到顶部

public void onProgressChanged(WebView view, int newProgress){
super.onProgressChanged(view,newProgress);
}

newProgress*100,即可获得当前加载的百分比,具体方法网上可查,这里暂不深入

public void onReceivedTitle(WebView view, String title) {
super.onReceivedTitle(view,title);
setTitle(title);
}

在开通Java权限后,可以设置网页弹窗,至少有两种方式,alert、confirm、prompt三种类型的弹窗

放置位置如下:

wView.setWebViewClient(new WebViewClient() {   

// @Override    
// public boolean shouldOverrideUrlLoading(WebView view, String url) {    
//     return false;    
// }    

@Override    
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {        return false;    
}    

@Override        
public void onPageFinished(WebView view, String url) {           
//网页加载完成时
super.onPageFinished(view, url);            
//wView.loadUrl("javascript:alert('hello')");          
// wView.evaluateJavascript("javascript:alert('hello')",null);        
}});

开通Java权限及其他设置见下文

WebSettings:WebView状态管理

WebSettings 用来管理WebView 状态

为了方便,这里写为WebSettings settings = wView.getSettings();

默认情况下,WebView是不支持Javascript的,需要调用 setJavaScriptEnabled(true),即

settings.setJavaScriptEnabled(true);

比如打开百度,添加该行代码前,网页少了很多广告,进入搜索结果会提示需要切换为完整版(因为无法不支持JS所以无法),但不涉及复杂功能的情况下,不影响使用

添加后,反而容易报错,也存在安全隐患,在本人的oppo r11上调试就会出现net_ERROR错误,暂时找不到原因

在网页自定义缩放

即双指缩放页面的手势控制缩放,由以下代码实现

settings.setUseWideViewPort(true);//设定支持viewport属性,有些页面是很早期的只适配了pc的浏览器的页面,页面很大,需要宽大的视野来展示,这时候设置为true就可以在足够的空间拖动,并且页面可以以任意比例缩放。
settings.setLoadWithOverviewMode(true);   //自适应屏幕,用尽可能大的视野展示页面,一般和上一属性搭配使用。当然大视野显示的字都很小。
settings.setBuiltInZoomControls(true); // 使用缩放控件
settings.setDisplayZoomControls(false); // 隐藏缩放控件 
settings.setSupportZoom(true);//设定支持缩放,只设置此属性并不能实现缩放,在某些版本的手机上也只是能实现点击缩放。

在很多网页依旧不能缩放,经查阅,应该是页面已经被设置好手机样式了,但对于传统的PC版网页,缩放功能仍有效。

WebView在实际使用中需要用到的两个类,这里记录一下二者的区别

WebViewClient与WebChromeClient的区别

WebViewClient主要帮助WebView处理各种通知、请求事件的
WebChromeClient主要帮助WebView处理Javascript的对话框、网站图标、网站title、加载进度等

实际使用的话,如果你的WebView只是用来处理一些html的页面内容,只用WebViewClient就行了,如果需要更丰富的处理效果,比如JS、进度条等,就要用到WebChromeClient,根据实际使用的方法进行回调

参考资料

  1. 这是一份全面 & 详细的Webview使用攻略
    https://www.jianshu.com/p/3c94ae673e2a/
  2. Android WebView 的使用(超详细用法)
    https://blog.csdn.net/weixin_40438421/article/details/85700109
  3. Android WebView全面讲解
    https://www.2cto.com/kf/201712/706339.html
  4. 安卓使用WebView加载百度首页
    https://www.jianshu.com/p/b073102fb504
  5. Android webView 支持缩放及自适应屏幕
    https://blog.csdn.net/qq_40885379/article/details/83058732
  6. android WebView(二)缩放
    https://blog.csdn.net/w2865673691/article/details/44941495?utm_source=distribute.pc_relevant.none-task
  7. 【天哥】Android开发视频教程最新版 Android Studio开发
    https://www.bilibili.com/video/av38409964
  8. WebViewClient与WebChromeClient
    https://www.cnblogs.com/yaowen/p/5562971.html
  9. WebView(网页视图)基本用法|菜鸟教程
    https://www.runoob.com/w3cnote/android-tutorial-webview.html

Android Studio 学习笔记(五):WebView 简单说明

全文结束