Android WebView使用
来源:互联网 发布:linux常用软件大全 编辑:程序博客网 时间:2024/06/08 03:16
本文主要对WebView进行介绍,包括webView 4个可以定制的点、设置WebView back键响应、控制网页的链接仍在webView中跳转、显示页面加载进度、处理https请求、利用addJavascriptInterface实现android程序和javascript交互等等
WebView基于webkit引擎展现web页面的控件,使用前需要在Android Manifest file中配置internet访问权限,否则提示页面无法访问
<uses-permission android:name="android.permission.INTERNET" />
WebView控件功能强大,除了具有一般View的属性和设置外,还可以对url请求、页面加载、渲染、页面交互进行强大的处理。
WebView有几个可以定制的点:
(1)设置WebChromeClient子类,WebChromeClient会在一些影响浏览器ui交互动作发生时被调用,比如WebView关闭和隐藏、页面加载进展、js确认框和警告框、js加载前、js操作超时、webView获得焦点等等,详见WebChromeClient
(2)设置WebViewClient子类,WebViewClient会在一些影响内容喧嚷的动作发生时被调用,比如表单的错误提交需要重新提交、页面开始加载及加载完成、资源加载中、接收到http认证需要处理、页面键盘响应、页面中的url打开处理等等,详见WebViewClient
(3)设置WebSettings类,其中包含多项配置。WebSettings用来对WebView的配置进行配置和管理,比如是否可以进行文件操作、缓存的设置、页面是否支持放大和缩小、是否允许使用数据库api、字体及文字编码设置、是否允许js脚本运行、是否允许图片自动加载、是否允许数据及密码保存等等,详见WebSettings
(4)设置addJavascriptInterface方法,将java对象绑定到webView中,以方便从页面js中控制java对象,实现用本地java代码和html页面进行交互,甚至可以进行页面自动化。但如此做存在安全隐患,所以若设置了此方法,请确保webView的代码都是自己完成,详细使用addJavascriptInterface进行自动化见本文5使用addJavascriptInterface完成和js交互
1、back键控制网页后退
Activity默认的back键处理为结束当前Activity,webView查看了很多网页后,希望按back键返回上一次浏览的页面,这个时候我们就需要覆盖onKeyDown函数,告诉他如何处理,如下:
public boolean onKeyDown(int keyCode, KeyEvent event) { if (webView.canGoBack() && event.getKeyCode() == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) { webView.goBack(); return true; } return super.onKeyDown(keyCode, event); }
其中webView.canGoBack()在webView含有一个可后退的浏览记录时返回true
webView.goBack();表示返回webView的上次访问页面
2、当前网页的链接仍在webView中跳转
webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } });shouldOverrideUrlLoading表示当前webView中的一个新url需要加载时,给当前应用程序一个处理机会,如果没有重写此函数,webView请求ActivityManage选择合适的方式处理请求,就像弹出uc和互联网让用户选择浏览器一样。重写后return true表示让当前程序处理,return false表示让当前webView处理
3、页面加载进度
webView.setWebChromeClient(new WebChromeClient() { public void onProgressChanged(WebView view, int progress) { setTitle("页面加载中,请稍候..." + progress + "%"); setProgress(progress * 100); if (progress == 100) { setTitle(R.string.app_name); } }});
onProgressChanged通知应用程序当前页面加载的进度
progress表示当前页面加载的进度,为1至100的整数
4、处理https请求
webView默认是不处理https请求的,页面显示空白,需要进行如下设置:
webView.setWebViewClient(new WebViewClient() { @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { handler.proceed();// handler.cancel();// handler.handleMessage(null); } });
onReceivedSslError为webView处理ssl证书设置
其中handler.proceed();表示等待证书响应
handler.cancel();表示挂起连接,为默认方式
handler.handleMessage(null);可做其他处理
5、使用addJavascriptInterface完成和js交互
5.1 javascript中调用java对象及方法
设置webView的addJavascriptInterface方法,该方法有两个参数,第一个参数为被绑定到js中的类实例,第二个参数为在js中暴露的类别名,在js中引用java对象就是用这个名字
ClassBeBindedToJS classBeBindedToJS = new ClassBeBindedToJS();webView.addJavascriptInterface(classBeBindedToJS, "classNameBeExposedInJs");
实现绑定到js的类,其中的javaMethod方法我们将在页面前端js中调用,用于返回一段内容。showHtml用来使用AlertDialog显示一段html代码,稍后将使用到
private class ClassBeBindedToJS{ public void showHtml(String html){ new AlertDialog.Builder(UpdateStatusActivity.this) .setTitle("HTML").setMessage(html) .setPositiveButton(android.R.string.ok, null) .setCancelable(false).create().show(); } public String javaMethod() { return "use java method"; }};
如此我们就可以在前端调用java对象,如下:
<span><html><body> <div id="displayDiv">Test page.</div><input type="button" value="use java object" onclick="document.getElementById('</span>displayDiv').innerHTML=classNameBeExposedInJs.javaMethod()" /><span></body></html></span>这段html作用为点击button按钮,改变div内容为java对象方法中的内容,其中classNameBeExposedInJs为java对象在js中的别名,javaMethod为java对象的方法
5.2 java中调用js方法
用webView的loadUrl实现,比如现在我们想在页面加载完成后调用js中的hello函数,实现如下:
webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView webView, String url){ webView.loadUrl("javascript:hello()"); }});
怎么样,很简单吧^_^,直接loadUrl("javascript:hello()")就可以了
利用这一点我们可以很方便的实现WebView的自动化,如网页自动化登录。举个栗子,实现http://m.renren.com/ 的自动登录啊,代码如下
webView.getSettings().setJavaScriptEnabled(true);webView.loadUrl("http://m.renren.com");webView.requestFocus();ClassBeBindedToJS classBeBindedToJS = new ClassBeBindedToJS();webView.addJavascriptInterface(classBeBindedToJS, "classNameBeExposedInJs"); webView.setWebViewClient(new WebViewClient() { @Overridepublic void onPageFinished(WebView webView, String url){ webView.loadUrl("javascript:document.getElementsByName('email')[0].value='userName'"); webView.loadUrl("javascript:document.getElementsByName('password')[0].value='userPassword'"); webView.loadUrl("javascript:document.getElementsByName('login')[0].click()");}});
从中可以看出先加载http://m.renren.com页面,在页面加载完成onPageFinished后,调用js实现自动登录
其中三句js分别表示设置用户名文本框内容、设置用户密码文本框内容、点击登录按钮,如此登录成功喽
5.3 java和js混用实现一些效果
5.3.1 WebView用AlertDialog显示页面的html代码
之前5.1中的showHtml方法现在派上用场啦,在页面加载完成后显示页面html内容,如下:
webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView webView, String url){ webView.loadUrl("javascript:window.classNameBeExposedInJs.showHtml(document.getElementsByTagName('html')[0].innerHTML);"); }});
其中webView.loadUrl表示调用页面中的js,而页面中的js window.classNameBeExposedInJs.showHtml调用了程序中的java对象的方法,方法参数为一段js。
首先webView会执行这一段js document.getElementsByTagName('html')[0].innerHTML。含义即为取得页面中html标记的innerHTML,及网页主要内容;
然后将得到的网页内容当作字符串参数传入showHtml方法
最后调用showHtml函数实现,即用AlertDialog显示字符串,如此得到了整个网页的大部分html代码
5.3.2 WebView显示当前页面的url地址
获得WebView当前页面url使用webView.getUrl()即可,如下:
webView.loadUrl("javascript:window.classNameBeExposedInJs.showHtml('" + webView.getUrl() + "');");
- WebView--- Android WebView使用总结
- Android WebView的使用
- android WebView使用
- Android WebView的使用
- Android WebView使用
- Android-----WebView使用
- Android-----WebView使用
- Android中的WebView使用
- Android-----WebView使用
- Android Webview使用
- Android-----WebView使用
- Android WebView使用
- Android WebView使用
- Android-----WebView使用
- Android WebView使用总结
- Android WebView使用
- Android-----WebView使用
- Android-WebView的使用
- JQuery文档学习-2
- 原发性肝癌有什么比较便宜的治疗方式?
- 京东商超频道上线的竞争力
- 新的xocde使用旧的模拟器
- iframe与主框架跨域相互访问方法
- Android WebView使用
- 每天一个JavaScript实例-去除字符串末尾的空白
- JQuery.Gantt(甘特图) 开发指南
- 关于开源.NET代码中文件夹 DAL+IDAL+Model+BLL+Web
- 函数调用 堆栈 .
- PHP 子串查找和替换
- 如何在tomact中设置首页面
- 怎样在Eclipse里同时运行多个Java Application?
- (二)排序简介:快速排序、选择排序、归并排序、堆排序