WebView---学习笔记
2016-09-05 19:59
246 查看
学习来源
Android之WebView使用总结史上最全webview详解
WebView 加载HTML和CSS
使用场景
添加权限:<uses-permission android:name="android.permission.INTERNET" />
布局文件
<WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent" />
数据加载
加载一个网页:webView.loadUrl("http://www.google.com/");//直接加载某个网址,直接加载该网页的CSS样式
加载本地资源:
webView.loadUrl("file:///android_asset/test.html");//加载静态Html文件,无css样式
加载手机本地的一个html页面的方法:
webView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");
加载html片段
String data = " Html 数据"; webView.loadData(data, "text/html", "utf-8"); //上面两行实测会发现loadData会导致中文乱码,所以一般情况使用如下代码 String data = " Html 数据"; webView.loadDataWithBaseURL(null,data, "text/html", "utf-8",null);
webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);
// 与Html相关的路径 | 传入获得的Html代码 | 代码类型通常”text/html” | 代码的编码方式 通常”UTF-8” | 历史URL??
//loadDataWithBaseURL() 第一个和第五个为Null时 ===》 loadData()
WebSettings
WebSettings webSettings = webView.getSettings(); webSettings.setSupportZoom(true); //支持缩放 webSettings.setJavaScriptEnabled(true); //支持js webSettings.setPluginsEnabled(true); //支持插件 webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局 web 4000 Settings.supportMultipleWindows(); //多窗口 webSettings.setAllowFileAccess(true); //设置可以访问文件 webSettings.setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点 webSettings.setBuiltInZoomControls(true); //设置支持缩放 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片
支持JavaScript
前提WebSettings webSettings = webView.getSettings(); webSettings.setJavaScriptEnabled(true);//设置支持javascript webView.addJavascriptInterface(new JavaScriptInterface(), "xueleapp");
接下来
public class JavaScriptInterface { @android.webkit.JavascriptInterface public void doTrainFinish() { finish(); } }
Android调用JS有漏洞,具体看这里
WebViewClient:帮助WebView处理各种通知、请求事件的。
比如要实现WebView中链接在WebView内部跳转webView.setWebViewClient(new WebViewClient() { public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } });
WebViewClient方法
WebViewClient mWebViewClient = new WebViewClient() { shouldOverrideUrlLoading(WebView view, String url) 最常用的,比如上面的。 //在网页上的所有加载都经过这个方法,这个函数我们可以做很多操作。 //比如获取url,查看url.contains(“add”),进行添加操作 shouldOverrideKeyEvent(WebView view, KeyEvent event) //重写此方法才能够处理在浏览器中的按键事件。 onPageStarted(WebView view, String url, Bitmap favicon) //这个事件就是开始载入页面调用的,我们可以设定一个loading的页面,告诉用户程序在等待网络响应。 onPageFinished(WebView view, String url) //在页面加载结束时调用。同样道理,我们可以关闭loading 条,切换程序动作。 onLoadResource(WebView view, String url) // 在加载页面资源时会调用,每一个资源(比如图片)的加载都会调用一次。 onReceivedError(WebView view, int errorCode, String description, String failingUrl) // (报告错误信息) doUpdateVisitedHistory(WebView view, String url, boolean isReload) //(更新历史记录) onFormResubmission(WebView view, Message dontResend, Message resend) //(应用程序重新请求网页数据) onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm) //(获取返回信息授权请求) onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重写此方法可以让webview处理https请求。 onScaleChanged(WebView view, float oldScale, float newScale) // (WebView发生改变时调用) onUnhandledKeyEvent(WebView view, KeyEvent event) //(Key事件未被加载时调用) }
最后将WebViewClient的方法设置给WebView
webView.setWebViewClient(mWebViewClient);
WebChromeClient主要辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等
WebChromeClient mWebChromeClient = new WebChromeClient() { //获得网页的加载进度,显示在右上角的TextView控件中 @Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress < 100) { String progress = newProgress + "%"; } else { } } //获取Web页中的title用来设置自己界面中的title //当加载出错的时候,比如无网络,这时onReceiveTitle中获取的标题为 找不到该网页, //因此建议当触发onReceiveError时,不要使用获取到的title @Override public void onReceivedTitle(WebView view, String title) { MainActivity.this.setTitle(title); } @Override public void onReceivedIcon(WebView view, Bitmap icon) { // } //触发创建一个新的窗口 @Override public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) { // return true; } //关闭WebView @Override public void onCloseWindow(WebView window) { } //处理alert弹出框,html 弹框的一种方式 @Override public boolean onJsAlert(WebView view, String url, String message, JsResult result) { // return true; } //处理confirm弹出框 @Override public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) { // return true; } //处理prompt弹出框 @Override public boolean onJsConfirm(WebView view, String url, String message, JsResult result) { // return true; } };
最后将WebViewClient的方法设置给WebView
关于缓存
缓存模式LOAD_CACHE_ONLY: 不使用网络,只读取本地缓存数据
LOAD_DEFAULT: 根据cache-control决定是否从网络上取数据。
LOAD_CACHE_NORMAL: API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式
LOAD_NO_CACHE: 不使用缓存,只从网络获取数据.
LOAD_CACHE_ELSE_NETWORK,只要本地有,无论是否过期,或者no-cache,都使用缓存中的数据。
WebSettings webSettings = webView.getSettings(); webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
综合使用
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()
WebView的方法
前进、后退goBack()//后退 goForward()//前进 goBackOrForward(intsteps) //以当前的index为起始点前进或者后退到历史记录中指定的steps, 如果steps为负数则为后退,正数则为前进 canGoForward()//是否可以前进 canGoBack() //是否可以后退
清除缓存数据
clearCache(true);//清除网页访问留下的缓存,由于内核缓存是全局的因此这个方法不仅仅针对webview而是针对整个应用程序. clearHistory()//清除当前webview访问的历史记录,只会webview访问历史记录里的所有记录除了当前访问记录. clearFormData()//这个api仅仅清除自动完成填充的表单数据,并不会清除WebView存储到本地的数据。
WebView的状态
onResume() //激活WebView为活跃状态,能正常执行网页的响应 onPause()//当页面被失去焦点被切换到后台不可见状态,需要执行onPause动过, onPause动作通知内核暂停所有的动作,比如DOM的解析、plugin的执行、JavaScript执行。 pauseTimers()//当应用程序被切换到后台我们使用了webview, 这个方法不仅仅针对当前的webview而是全局的全应用程序的webview,它会暂停所有webview的layout,parsing,javascripttimer。降低CPU功耗。 resumeTimers()//恢复pauseTimers时的动作。 destroy()//销毁,关闭了Activity时,音乐或视频,还在播放。就必须销毁。
但是注意:
webview调用destory时,webview仍绑定在Activity上.这是由于自定义webview构建时传入了该Activity的context对象,因此需要先从父容器中移除webview,然后再销毁webview:
rootLayout.removeView(webView); webView.destroy();
判断WebView是否已经滚动到页面底端 或者 顶端:
getScrollY() //方法返回的是当前可见区域的顶端距整个页面顶端的距离,也就是当前内容滚动的距离.
getHeight()或者getBottom() //方法都返回当前WebView这个容器的高度
getContentHeight()返回的是整个html的高度,但并不等同于当前整个页面的高度,因为WebView有缩放功能,所以当前整个页面的高度实际上应该是原始html的高度再乘上缩放比例.因此,更正后的结果,准确的判断方法应该是:
if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) { //已经处于底端 } if(webView.getScrollY() == 0){ //处于顶端 }
设置网页栈返回[返回上一次浏览的页面]
复制代码 @Override public boolean onKeyDown(int keyCode, KeyEvent event) { if (keyCode == KeyEvent.KEYCODE_BACK) { if (webView.canGoBack()) { webView.goBack();//返回上一浏览页面 return true; } else { finish();//关闭Activity } } return super.onKeyDown(keyCode, event); }
相关文章推荐
- ANDROID STUDIO系列教程三快捷键
- ANDROID STUDIO系列教程二基本设置与运行
- unity - 对象池技术的实现与应用
- Android--菜单详解
- 让洪水猛兽变成温顺小羊——浅谈Android线程池机制
- Android *** android studio Error:Failed to resolve: com.android.support:appcompat-v7:23.+
- Android7.0 Binder通信(1) ServiceManger
- Android ScrollView向上滑动控件顶部悬浮效果实现
- Android 广播的类型
- [置顶] Android之自定义圆形进度条
- iOS - Bundle 资源文件包
- cocos2d-x学习 第一天
- 内容提供者总结
- Android Studio导入项目非常慢的解决问题
- cocos学习1
- Android自定义view的步骤
- Activity总结
- Android 6.0 中TimePicker显示为滚动样式的方法
- 本地推送
- Android开机动画播放不全