Andorid Webview (一)

模拟器 远程调试 webview

Step 1：设置在 Debug 模式下启用 WebView 调试

// Debug 模式下开启远程调试
WebView webView = new WebView(activity);
if (BuildConfig.DEBUG) {
    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
        WebView.setWebContentsDebuggingEnabled(true);
    }
}

Step 2：Android App 中 打开 webview,  PC chrome 访问 chrome://inspect/#devices

将出现以下界面

点击 inspect 即可以进行调试了

Android WebView 认识。常用接口
WebView 是一个非常重要的 UI 组件，可以用来实现 跨平台 应用 游戏等，也可以在应用或游戏中 用来实现 广告 活动 等小模块。乃至在应用 或游戏中 通过点击链接跳转第三方网页， 都会用到 WebView 。

在Android4.4（API level 19）系统以前，Android使用了原生自带的Android Webkit内核。从Android4.4系统开始，Chromium内核取代了Webkit内核，正式地接管了WebView的渲染工作。

从Android5.0系统开始，WebView移植成了一个独立的apk，可以不依赖系统而独立存在和更新，我们可以在系统->设置->Android System WebView看到WebView的当前版本。
从Android7.0系统开始，如果系统安装了Chrome (version>51)，那么Chrome将会直接为应用的WebView提供渲染，WebView版本会随着Chrome的更新而更新，用户也可以选择WebView的服务提供方（在开发者选项->WebView Implementation里），WebView可以脱离应用，在一个独立的沙盒进程中渲染页面（需要在开发者选项里打开）^2。
从Android8.0系统开始，默认开启WebView多进程模式，即WebView运行在独立的沙盒进程中^3。

作者：网易考拉移动端团队
链接：https://juejin.cn/post/6844903567497789453
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

Android WebView 的 继承树 以及 类声明

java.lang.Object
   ↳  android.view.View
        ↳  android.view.ViewGroup
             ↳  android.widget.AbsoluteLayout
                  ↳  android.webkit.WebView

public class WebView extends AbsoluteLayout implements 
    ViewTreeObserver.OnGlobalFocusChangeListener, 
    ViewGroup.OnHierarchyChangeListener

WebView 的能力：

1. 显示 和渲染 web 页面
2. 和 JavaScript 交互

WebView 的创建：
Android 中 Webview 的创建， 通常有两种方式：

1. 通过 布局文件中添加，如：

     <WebView
     android:id="@+id/wv_webview"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content" />

     Activity 中：
     WebView webView = (WebView) findViewById(R.id.wv_webview);

2. 直接通过代码创建

    WebView webView = new WebView(activityContext);
    FrameLayout.LayoutParams lParams = new FrameLayout.LayoutParams(
      FrameLayout.LayoutParams.WRAP_CONTENT,
      FrameLayout.LayoutParams.WRAP_CONTENT);
    pLayout.addView(webView, lParams);

Android WebView 常用接口

1. 更新 WebView的 状态

    //激活WebView为活跃状态，能正常执行网页的响应
    webView.onResume() 

    //当页面被失去焦点被切换到后台不可见状态，需要执行onPause
    //通过onPause动作通知内核暂停所有的动作，比如DOM的解析、plugin的执行、JavaScript执行。
    webView.onPause()；

    //当应用程序(存在webview)被切换到后台时，这个方法不仅仅针对当前的webview而是全局的全应用程序的webview
    //它会暂停所有webview的layout，parsing，javascripttimer。降低CPU功耗。
    webView.pauseTimers()
    //恢复pauseTimers状态
    webView.resumeTimers()；

    //销毁Webview
    //在关闭了Activity时，如果Webview的音乐或视频，还在播放。就必须销毁Webview
    //但是注意：webview调用destory时,webview仍绑定在Activity上
    //这是由于自定义webview构建时传入了该Activity的context对象
    //因此需要先从父容器中移除webview,然后再销毁webview:
    rootLayout.removeView(webView); 
    webView.destroy();

2.Android WebView 的前进以及后退接口

    //是否可以后退
    Webview.canGoBack() 
    //后退网页
    Webview.goBack()

    //是否可以前进                     
    Webview.canGoForward()
    //前进网页
    Webview.goForward()

    //以当前的index为起始点前进或者后退到历史记录中指定的steps
    //如果steps为负数则为后退，正数则为前进
    Webview.goBackOrForward(steps) 

    //解决网页中点击返回后，是网页回退而不是退出 WebView
    public boolean onKeyDown(int keyCode, KeyEvent event) {
    	if ((keyCode == KEYCODE_BACK) && mWebView.canGoBack()) { 
    		mWebView.goBack();
    		return true;
    	}
    	return super.onKeyDown(keyCode, event);
    }

3.清除缓存数据

    //清除网页访问留下的缓存
    //由于内核缓存是全局的因此这个方法不仅仅针对webview而是针对整个应用程序.
    Webview.clearCache(true);

    //清除当前webview访问的历史记录
    //只会webview访问历史记录里的所有记录除了当前访问记录
    Webview.clearHistory()；

    //这个api仅仅清除自动完成填充的表单数据，并不会清除WebView存储到本地的数据
    Webview.clearFormData()；

4. WebView 相关的类

4.1 WebSettings类

    //声明WebSettings子类
    WebSettings webSettings = webView.getSettings();

    //如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
    webSettings.setJavaScriptEnabled(true);  

    //支持插件
    webSettings.setPluginsEnabled(true); 

    //设置自适应屏幕，两者合用
    webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小 
    webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小

    //缩放操作
    webSettings.setSupportZoom(true); //支持缩放，默认为true。是下面那个的前提。
    webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false，则该WebView不可缩放
    webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件

    //其他细节操作
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存 
    webSettings.setAllowFileAccess(true); //设置可以访问文件 
    webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 
    webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
    webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式

    //优先使用缓存:
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); 
    //缓存模式如下：
    //LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据
    //LOAD_DEFAULT: （默认）根据cache-control决定是否从网络上取数据。
    //LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.
    //LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。

  	//不使用缓存:
    webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);

    //使用离线加载
    if (NetStatusUtil.isConnected(getApplicationContext())) {
        //根据cache-control决定是否从网络上取数据。
        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
    } else {
        //没网，则从本地获取，即离线加载
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    }

    webSettings.setDomStorageEnabled(true); // 开启 DOM storage API 功能
    webSettings.setDatabaseEnabled(true);   //开启 database storage API 功能
    webSettings.setAppCacheEnabled(true);//开启 Application Caches 功能

    String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
    webSettings.setAppCachePath(cacheDirPath); //设置  Application Caches 缓存目录
    注意： 每个 Application 只调用一次 WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()

4.2 WebViewClient类

  webView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
        // webview 所有加载 都经过这个方法，重写这个方法 可以进行很多操作
          view.loadUrl(url);
          return true;
      }

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

      @Override
      public void onPageFinished(WebView view, String url) {
         // 结束加载页面回调
      }

      @Override
      public boolean onLoadResource(WebView view, String url) {
         //加载资源的回调，每一个资源（比如图片）的加载都会调用一次。
      }

      @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;
                }
            }
        });

        @Override    
        public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {    
          //webView默认是不处理https请求的，页面显示空白
            handler.proceed();    //表示等待证书响应
          // handler.cancel();      //表示挂起连接，为默认方式
          // handler.handleMessage(null);    //可做其他处理
        }
  });

4.3 WebChromeClient类

辅助 WebView 处理 Javascript 的对话框,网站图标,网站标题等

      webview.setWebChromeClient(new WebChromeClient(){

        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            if (newProgress < 100) {
                String progress = newProgress + "%";
                progress.setText(progress);
              } else {
          }

        @Override
        public void onReceivedTitle(WebView view, String title) {
           titleview.setText(title)；
        }


      });

————————————————————————————————————————————————————————————————————————————————
版权声明：本文代码部分 为CSDN博主「Carson带你学Android」的原创文章，遵循CC 4.0 BY-SA版权协议。
原文链接：https://blog.csdn.net/carson_ho/article/details/52693322
————————————————————————————————————————————————————————————————————————————————

Android Webview 加载优化

Android WebView 漏洞与防范