Android开发 之 WebView的使用
2017-08-21 18:43
423 查看
WebView
WebView是一个基于webkit引擎、展现web页面的控件。android的Webview在低版本和高版本采用了不同的webkit版本内核,4.4后直接使用了Chrome。WebView控件功能强大,除了具有一般View的属性和设置外,还可以对url请求、页面加载、渲染、页面交互进行强大的处理1.添加权限
<uses-permission android:name="android.permission.INTERNET"/>
2.设置webview的属性,使用到webview的一个子类WebSetting
webview = (WebView) findViewById(R.id.webview); webview.setWebChromeClient(new WebClient()); webview.getSettings().setJavaScriptEnabled(true);//如果访问的页面中有Javascript,则webview必须设置支持Javascript。 webview.setScrollBarStyle(View.SCROLLBARS_OUTSIDE_OVERLAY);//设置不要滚动条 //缩放操作 webview.getSettings().setSupportZoom(true);//支持缩放,默认为true。是下面那个的前提。 webview.getSettings().setBuiltInZoomControls(true);//设置内置的缩放控件。若为false,则该WebView不可缩放 webview.getSettings().setDisplayZoomControls(false);//隐藏原生的缩放控件 //设置自适应屏幕,两者合用 webview.getSettings().setUseWideViewPort(true); //将图片调整到适合webview的大小 webview.getSettings().setLoadWithOverviewMode(true); // 缩放至屏幕的大小 //其他细节操作 webview.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //启动webview中缓存 //缓存模式如下: //LOAD_CACHE_ONLY: 不使用网络,只读取本地缓存数据 //LOAD_DEFAULT: (默认)根据cache-control决定是否从网络上取数据。 //LOAD_NO_CACHE: 不使用缓存,只从网络获取数据. //LOAD_CACHE_ELSE_NETWORK,只要本地有,无论是否过期,或者no-cache,都使用缓存中的数据。 webview.getSettings().setAllowFileAccess(true); //设置可以访问文件 webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 webview.getSettings().setLoadsImagesAutomatically(true); //支持自动加载图片 webview.getSettings().setDefaultTextEncodingName("utf-8");//设置编码格式当加载 html 页面时,WebView会在/data/data/包名目录下生成 database 与 cache 两个文件夹,请求的 URL记录保存在 WebViewCache.db,而 URL的内容是保存在 WebViewCache 文件夹下,结合判断有无网络实现加载缓存
if (NetStatusUtil.isConnected(getApplicati 4000 onContext())) { 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 缓存目录
3. 选择加载方式
//方式1. 加载一个网页: webView.loadUrl("http://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.页面加载监听,使用到WebViewClient类:
webview.setWebViewClient(new WebViewClient(){ // @Override // //返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器 // public boolean shouldOverrideUrlLoading(WebView view, String url) { //// super.shouldOverrideUrlLoading(view,url); // view.loadUrl(url); // return true; // } @Override //开始载入页面调用的,我们可以设定一个loading的页面, public void onPageStarted(WebView view, String url, Bitmap favicon) { super.onPageStarted(view, url, favicon); loadingView.setVisibility(View.VISIBLE); loadingView.setScaleY(1); } @Override //在页面加载结束时调用。我们可以关闭loading 条,切换程序动作。 public void onPageFinished(WebView view, String url) { super.onPageFinished(view, url); loadingView.finishAnimator(); } @Override //在加载页面资源时会调用,每一个资源(比如图片)的加载都会调用一次。 public void onLoadResource(WebView view, String url) { super.onLoadResource(view, url); } //一下两个方法都是页面加载失败时候调用,App里面使用webview控件的时候遇到了诸如404这类的错误的时候, // 若也显示浏览器里面的那种错误提示页面就显得很丑陋了,那么这个时候我们的app就需要加载一个本地的错误提示页面,即webview如何加载一个本地的页面 //步骤1:写一个html文件(error_handle.html),用于出错时展示给用户看的提示页面 //步骤2:将该html文件放置到代码根目录的assets文件夹下 //步骤3:复写WebViewClient的onRecievedError方法 @Override public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) { super.onReceivedError(view, request, error); view.loadUrl("file:///android_assets/error_handle.html"); } @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); view.loadUrl("file:///android_assets/error_handle.html"); } });
5.webview的页面加载进度和title的设置,使用WebChromeClient类
webview.setWebChromeClient(new WebClient());
/** * 设置进度条,和标题栏。 * @author Administrator * 此类辅助 WebView 处理 Javascript 的对话框,网站图标,网站标题等等。 * */ private class WebClient extends WebChromeClient { @Override public void onProgressChanged(WebView view, int newProgress) { super.onProgressChanged(view, newProgress); Log.e("jindu",">>"+newProgress); loadingView.setCurrentProgress(newProgress); } @Override public void onReceivedTitle(WebView view, String title) { // TODO Auto-generated method stub super.onReceivedTitle(view, title); } }
6.webview的页面深度,进,退页面
//是否可以后退 Webview.canGoBack() //后退网页 Webview.goBack() //是否可以前进 Webview.canGoForward() //前进网页 Webview.goForward() //以当前的index为起始点前进或者后退到历史记录中指定的steps //如果steps为负数则为后退,正数则为前进 Webview.goBackOrForward(intsteps)
7.缓存的处理
//清除网页访问留下的缓存 //由于内核缓存是全局的因此这个方法不仅仅针对webview而是针对整个应用程序. Webview.clearCache(true); //清除当前webview访问的历史记录 //只会webview访问历史记录里的所有记录除了当前访问记录 Webview.clearHistory(); //这个api仅仅清除自动完成填充的表单数据,并不会清除WebView存储到本地的数据 Webview.clearFormData();
8.内存优化:
在 Activity 销毁( WebView )的时候,先让 WebView 加载null内容,然后移除 WebView,再销毁 WebView,最后置空。
@Override protected void onDestroy() { if (mWebView != null) { mWebView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null); mWebView.clearHistory(); ((ViewGroup) mWebView.getParent()).removeView(mWebView); mWebView.destroy(); mWebView = null; } super.onDestroy(); }
相关文章推荐
- Android开发 WebView使用注意事项
- android开发中WebView的使用(附完整程序)
- android开发之android webView使用方法
- Android开发之WebView的开发使用(源代码分享)
- (转)android开发中WebView的使用(附完整程序)
- Android开发之WebView组件的使用解析
- Android开发之WebView组件的使用详解
- android开发,使用fragment加载webview,加载出现1秒空白。
- Android开发如何正确使用WebView
- Android客户端开发即WebView组件的使用详解
- android开发中WebView的使用
- Android开发如何正确使用WebView
- android开发中WebView的使用(附完整程序)
- Android开发中使用WebView后程序进入后台依旧占用CPU的解决
- android开发中WebView的使用(附完整程序)
- android开发之android webView使用方法
- Android应用开发之(WebView中loadData与loadDataWithBaseURL的使用上的区别)
- android开发中WebView的使用(附完整程序)
- 【Android】Web开发之使用WebView控件展示Web页面
- Android应用开发之(WebView中loadData与loadDataWithBaseURL的使用上的区别)