本文将带你了解Android应用开发android 组件WebView实现app内置网页，希望本文对大家学Android有所帮助。

    android 组件WebView实现app内置网页，现在很多App里都内置了Web网页（Hyprid   App），比如说很多电商平台，淘宝、京东、聚划算等等，如下图。
   
     京东首页
    那么这种该如何实现呢？其实这是Android里一个叫WebView的组件实现的。今天我将全面介绍WebView的常用用法。
   
    目录
     文章目录
    1. 简介
    WebView是一个基于webkit引擎、展现web页面的控件。
   
    Android的Webview在低版本和高版本采用了不同的webkit版本内核，4.4后直接使用了Chrome。
   
    2. 作用
    显示和渲染Web页面 直接使用html文件（网络上或本地assets中）作布局 可和JavaScript交互调用
    WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请求、页面加载、渲染、页面交互进行强大的处理。
   
    3. 使用介绍
    一般来说Webview可单独使用，可联合其子类一起使用，所以接下来，我会介绍：
   
    Webview自身的常见方法； Webview的最常用的子类   （WebSettings类、WebViewClient类、WebChromeClient类) Android和Js的交互
    3.1 Webview常用方法
    3.1.1 加载url
    加载方式根据资源分为三种
   


      //方式1. 加载一个网页：
        webView.loadUrl(https://www.google.com/);
     
      //方式2：加载apk包中的html页面
        webView.loadUrl(file:///android_asset/test.html);
     
      //方式3：加载手机本地的html页面
         webView.loadUrl(content://com.android.htmlfileprovider/sdcard/test.html);
     
       // 方式4： 加载 HTML 页面的一小段内容
      WebView.loadData(String data,   String mimeType, String encoding)
    // 参数说明：
    // 参数1：需要截取展示的内容
    // 内容里不能出现 ’#’, ‘%’, ‘\’ , ‘?’ 这四个字符，若出现了需用 %23, %25, %27, %3f   对应来替代，否则会出现异常
    // 参数2：展示内容的类型
    // 参数3：字节码
    3.1.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();
    3.1.2 关于前进 / 后退网页
  
    //是否可以后退
    Webview.canGoBack()
    //后退网页
    Webview.goBack()
     
    //是否可以前进                   
    Webview.canGoForward()
    //前进网页
    Webview.goForward()
     
    //以当前的index为起始点前进或者后退到历史记录中指定的steps
    //如果steps为负数则为后退，正数则为前进
    Webview.goBackOrForward(intsteps)
    常见用法：Back键控制网页后退
   
    问题：在不做任何处理前提下 ，浏览网页时点击系统的“Back”键,整个 Browser 会调用   finish()而结束自身目标：点击返回后，是网页回退而不是推出浏览器解决方案：在当前Activity中处理并消费掉该 Back 事件
  
    public boolean   onKeyDown(int keyCode, KeyEvent event) {
      if ((keyCode == KEYCODE_BACK)   && mWebView.canGoBack()) {
          mWebView.goBack();
          return true;
      }
      return super.onKeyDown(keyCode,   event);
    }
    3.1.3 清除缓存数据
 
    //清除网页访问留下的缓存
    //由于内核缓存是全局的因此这个方法不仅仅针对webview而是针对整个应用程序.
    Webview.clearCache(true);
     
    //清除当前webview访问的历史记录
    //只会webview访问历史记录里的所有记录除了当前访问记录
    Webview.clearHistory()；
     
    //这个api仅仅清除自动完成填充的表单数据，并不会清除WebView存储到本地的数据
      Webview.clearFormData()；
    3.2 常用类
    3.2.1 WebSettings类
    作用：对WebView进行配置和管理配置步骤 & 常见方法：
    配置步骤1：添加访问网络权限（AndroidManifest.xml）
   
    这是前提！这是前提！这是前提！
   

     
    配置步骤2：生成一个WebView组件（有两种方式）
   
 
    //方式1：直接在在Activity中生成
    WebView webView = new WebView(this)
     
    //方法2：在Activity的layout文件里添加webview控件：
    WebView webview = (WebView) findViewById(R.id.webView1);
    配置步骤3：进行配置-利用WebSettings子类（常见方法）
   

   
      //声明WebSettings子类
    WebSettings webSettings = webView.getSettings();
     
    //如果访问的页面中要与Javascript交互，则webview必须设置支持Javascript
    webSettings.setJavaScriptEnabled(true);
    // 若加载的 html 里有JS 在执行动画等操作，会造成资源浪费（CPU、电量）
    // 在 onStop 和 onResume 里分别把 setJavaScriptEnabled() 给设置成 false 和 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);//设置编码格式
    常见用法：设置WebView缓存
   
    当加载 html 页面时，WebView会在/data/data/包名目录下生成 database 与 cache 两个文件夹请求的 URL记录保存在   WebViewCache.db，而 URL的内容是保存在 WebViewCache 文件夹下
    是否启用缓存：
   
 
        //优先使用缓存:
      WebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
          //缓存模式如下：
          //LOAD_CACHE_ONLY:   不使用网络，只读取本地缓存数据
          //LOAD_DEFAULT:   （默认）根据cache-control决定是否从网络上取数据。
          //LOAD_NO_CACHE:   不使用缓存，只从网络获取数据.
          //LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。
     
      //不使用缓存:
        WebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
    结合使用（离线加载）

      if   (NetStatusUtil.isConnected(getApplicationContext())) {
        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根据cache-control决定是否从网络上取数据。
    } 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()
   
        

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之Android频道！