WebView

原创 2015年11月18日 11:56:10

WebView的使用

WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用。

webview有两个方法:setWebChromeClient 和 setWebClient

setWebClient:主要处理解析,渲染网页等浏览器做的事情

setWebChromeClient:辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等 

WebViewClient就是帮助WebView处理各种通知、请求事件的。


在AndroidManifest.xml设置访问网络权限:

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

控件:

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

用途一:加载本地/Web资源

example.html 存放在assets文件夹内

调用WebView的loadUrl()方法,

加载本地资源

webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("file:///android_asset/example.html");

加载web资源:
webView = (WebView) findViewById(R.id.webView);
webView.loadUrl("http://baidu.com");


用途二:在程序内打开网页

创建一个自己的WebViewClient,通过setWebViewClient关联

package com.example.testopen;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.test);             
        init();

    }
    

    private void init(){
        webView = (WebView) findViewById(R.id.webView);
        //WebView加载web资源
       webView.loadUrl("http://baidu.com");
        //覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开
       webView.setWebViewClient(new WebViewClient(){
           @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            // TODO Auto-generated method stub
               //返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器
             view.loadUrl(url);
            return true;
        }
       });
    }
    
}

用途三:

如果访问的页面中有Javascript,则webview必须设置支持Javascript

//启用支持javascript
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);

用途四:

如果希望浏览的网页后退而不是退出浏览器,需要WebView覆盖URL加载,让它自动生成历史访问记录,那样就可以通过前进或后退访问已访问过的站点。

//改写物理按键——返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        if(keyCode==KeyEvent.KEYCODE_BACK)
        {
            if(webView.canGoBack())
            {
                webView.goBack();//返回上一页面
                return true;
            }
            else
            {
                System.exit(0);//退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }

用途五:判断页面加载过程

 webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
                if (newProgress == 100) {
                    // 网页加载完成

                } else {
                    // 加载中

                }

            }
        });

用途六:缓存的使用

优先使用缓存

webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

不使用缓存:

webView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

防止中文乱码:

resp.setContentType("text/html;charset=utf-8");


JavaScript

 设置WebView基本信息:
          如果访问的页面中有Javascript,则webview必须设置支持Javascript
          webview.getSettings().setJavaScriptEnabled(true);  
          触摸焦点起作用
          requestFocus();
          取消滚动条
          this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);


设置Webview的页面缩放大小

之所以要把这个简单的WebView拿出来单独写除了简单的webview加载页面缩放的设置还是因为在此Fragment中有个小细节需要单独说下 是这样的,此Fragment依托于上层Activity,...
  • xieluoxixi
  • xieluoxixi
  • 2016年10月24日 19:41
  • 4541

android WebView清除缓存

当我们加载Html时候,会在我们data/应用package下生成database与cache两个文件夹,我们请求的Url记录是保存在webviewCache.db里,而url的内容是保存在webvi...
  • Jhone_csdn
  • Jhone_csdn
  • 2015年06月17日 12:15
  • 12037

Android 下拉刷新控件SwipeRefreshLayout结合WebView使用

SwipeRefreshLayout 是谷歌官方下拉刷新控件,4.0以下的版本需要用到  android-support-v4.jar包才能用到 android-support-v4.jar 包下载...
  • h7870181
  • h7870181
  • 2014年08月19日 16:03
  • 28571

一个最简单的WebView教程

WebView允许你创建自己的窗口来显示网页(乃至开发一个完整的浏览器)。 在这个教程中,你可以创建一个简单的Acitivity来显示和导航网页。 1、创建一个新的项目命名为HelloWebVie...
  • lincyang
  • lincyang
  • 2012年01月05日 20:31
  • 10093

webview 内存泄露解决办法

最近开始使用leakCanary为app进行内存泄露的检测 遇到了webview.mContext导致activity内存泄露 (不过在android 6.0的机子上没有遇到这样的问题) ...
  • EdwardWayne
  • EdwardWayne
  • 2016年03月24日 17:39
  • 1771

Android集成Tbs 替代原生webView

简介原生WebView存在些许问题。所以考虑到集成第三方。 介绍一下TBS的优势。 1)速度快:相比系统WebView的网页加载速度有近30%的提升; 2)省流量:云端优化技术使流量节省2...
  • L_XING_ZHI
  • L_XING_ZHI
  • 2017年03月31日 15:40
  • 2780

Android WebView技术详解和经验分享

这篇文章是我在做Android JSAPI的时候积累的富贵经验,详细的分析了Android WebView的多种常用功能,满满的都是干货,希望能对正在做Android WebView开发的同学有所帮助...
  • kgdwbb
  • kgdwbb
  • 2017年01月08日 17:01
  • 842

Android 彻底关闭WebView,防止WebView造成OOM

Android上的WebView经常会造成一些问题,我现在就遇到了 = = 关闭Activity之后,WebView还在内存中占用,非常有可能造成OOM。但是即使在包含该webview的Activit...
  • YaphetZhao
  • YaphetZhao
  • 2015年09月17日 14:45
  • 9400

Android进阶之路 - WebView的使用方式与后退键处理

本篇为大家带来的是WebView的使用方式与讲解,说起来WebView的使用往往给大家带来的应该的与H5的混合开发,下面为大家带来的是使用方式与基础注意点结构: 1.MainActivity代码(具...
  • qq_20451879
  • qq_20451879
  • 2017年01月10日 19:17
  • 1700

webView设置圆角

...
  • zxwd2015
  • zxwd2015
  • 2017年03月21日 22:33
  • 1278
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebView
举报原因:
原因补充:

(最多只允许输入30个字)