Android WebView的简单使用

使用WebView开发web App

通常我们有一些页面需要使用web,那么在Activity中包含一个WebView,这样你就可以显示在线内容了。

增加一个WebView到应用中

在xml 布局文件中加入

  <WebView
      android:id="@+id/webview"
      android:layout_width="match_parent"
      android:layout_height="match_parent"/>

使用loadurl加载页面到WebView,如下:

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("https://www.baidu.com/");
//mWebView.loadData(); 直接加载网页内容

在能工作之前,一定要让你的应用有网络权限,在manifest file中配置如下:

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

配置WebView,参考如下:

    WebSettings webSettings = mWebView.getSettings();
    webSettings.setAppCacheEnabled(true);  //是否可以缓存数据到本地,默认为false,设置后要跟setAppCachePath()结合使用
    webSettings.setAppCachePath(FileManage.getInstance(mWebView.getContext()).getWebViewCachePath());
    webSettings.setAllowFileAccess(true); //是否可以访问文件
    webSettings.setGeolocationEnabled(true); //是否可以定位,默认true 同时需要{@link android.Manifest.permission#ACCESS_COARSE_LOCATION},{@link android.Manifest.permission#ACCESS_FINE_LOCATION};权限
    webSettings.setJavaScriptEnabled(true);  //是否支持js执行
    webSettings.setSupportZoom(true);

网页页面进度获取

在加载网页时我们常常需要设置网页加载进度,则可以通过 WebView设置 mWebView.setWebChromeClient()实现onProgressChanged方法。

 public class MyWebChromeClient extends WebChromeClient {

    @Override
    public void onProgressChanged(WebView view, int newProgress) {
      super.onProgressChanged(view, newProgress);
      if (mLoadingView != null) {
        mLoadingView.setCurrentProgress(newProgress);
      }
    }
}

处理文件通过网页上传文件

 @Override
    public boolean onShowFileChooser(WebView webView, ValueCal是文件上传的回调,在代码中我们打开图片或者文件选择,选择文件后在`onActivityResult`中回调获得文件,当然这里也可以使用别的方式。

        lback<Uri[]> filePathCallback, FileChooserParams fileChooserParams) {

      mValueCallback = filePathCallback;

      Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
      if (mChooserImage) {
        intent.setType("image/*");
      } else {
        //文件选择
        intent.setType("file/*");
      }
      startActivityForResult(Intent.createChooser(intent, mChooserTitle), FILE_REQUESTCODE);

      return true;
    }

filePathCallback是文件上传的回调,在代码中我们打开图片或者文件选择,选择文件后在onActivityResult中回调获得文件,当然这里也可以使用别的方式。在onActivityResult中我们如下处理:

  @Override
  protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);

    if (resultCode == RESULT_OK) {

      if (requestCode == FILE_REQUESTCODE) {
        if (data != null && data.getData() != null && mValueCallback != null) {
          Uri[] uri = new Uri[1];
          uri[0] = data.getData();
          mValueCallback.onReceiveValue(uri);
        }
      }
    }

  }

处理页面链接点击事件

有时我们通过网页链接点击触发跳转,网页认证,网页加载和完成等,可以给WebView 设置 setWebViewClient(),如下:

myWebView.setWebViewClient(new WebViewClient());
  • 当你点击链接是就能被客户端捕获,如下:

      private class MyWebViewClient extends WebViewClient {
          @Override
          public boolean shouldOverrideUrlLoading(WebView view, String url) {
              if (Uri.parse(url).getHost().equals("https://www.baidu.com/")) {
                  // This is my web site, so do not override; let my WebView load the page
                  return false;
              }
              // Otherwise, the link is not for a page on my site, so launch another Activity that handles URLs
              Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
              startActivity(intent);
              return true;
          }
      }
    
  • 如果你同时需要做登入认证,则如下:

        @Override
         public void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm) {
           if (mNeedAuth) {
             handler.proceed(..., null);
           } else {
             super.onReceivedHttpAuthRequest(view, handler, host, realm);
           }
         }
    
  • WebViewClient 内还有网页开始加载和加载完成的回调,如下:

          @Override
          public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
          }
    
          @Override
          public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
          }
    

页面导航

WebView 会自动记录加载过的页面,你可以通过goBack()goForward()前进或后台页面,例如在Activity中捕获返回按键:

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    // Check if the key event was the Back button and if there's history
    if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
        myWebView.goBack();
        return true;
    }
    // If it wasn't the Back key or there's no web page history, bubble up to the default
    // system behavior (probably exit the activity)
    return super.onKeyDown(keyCode, event);
}

其他需要注意的

  • 把WebView加入到Activity的生命周期,如果不加入当正在播放视频时,网页不可见时不会暂停播放,所以加上生命周期,如下
      @Override
      protected void onPause() {
        super.onPause();
        if(mWebView!=null){
          mWebView.onPause();
        }
      }


      @Override
      protected void onResume() {
        super.onResume();
        if(mWebView!=null){
          mWebView.onResume();
        }
      }
  • 销毁,WebView比较占用内存,关闭后应尽可能销毁所有,或把WebView的Activity放在其他进程中,这样关闭后也能立即销毁。
    removeAllViews();
    destroyDrawingCache();
    setWebChromeClient(null);
    setWebViewClient(null);
    stopLoading();
    clearFormData();
    clearHistory();
    clearSslPreferences();
    clearDisappearingChildren();
    clearMatches();

    if (Build.VERSION.SDK_INT < 19) {// Build.VERSION_CODES.KITKAT
      freeMemory();
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,392评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,258评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,417评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,992评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,930评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,199评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,652评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,327评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,463评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,382评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,432评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,118评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,704评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,787评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,999评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,476评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,057评论 2 341

推荐阅读更多精彩内容