《第一行代码-Android》学习笔记(二十一)WebView控件总结【修改】
来源:互联网 发布:js改变button文字 编辑:程序博客网 时间:2024/06/10 04:33
1.加载页面
1.1.web资源
webview.loadUrl("http://192.168.1.100:8080/Web/index.html")
1.2.本地资源
本地文件使用:webView.loadUrl("file://android_asset/XX.html");本地文件存放位置:assets文件夹中
2.监听页面加载状态,提高用户体验
// 监听加载是否完成 webview.setWebChromeClient(new WebChromeClient() { @Override public void onProgressChanged(WebView view, int newProgress) { if(newProgress == 100) { // 网页加载完成,关闭progressdialog closeDialog(); } else { // 加载中,打开progressdialog openDialog(newProgress); } } }); protected void closeDialog() { if(dialog!=null&&dialog.isShowing()){ dialog.dismiss(); dialog=null; } } protected void openDialog(int newProgress) { if(dialog == null) { dialog = new ProgressDialog(this); dialog.setTitle("加载中..."); dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); dialog.setProgress(newProgress); dialog.setCancelable(false); dialog.show(); }else{ dialog.setProgress(newProgress); dialog.show(); } }
3.Android调用js
3.1.android代码
// activity调用webview页面中的js 因为是网络请求,需要开启线程执行 这里使用了handler findViewById(R.id.ask_js_btn).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { mHandler.post(new Runnable() { public void run() { //执行页面的某个js方法 webview.loadUrl("javascript:wave()"); } }); } });
3.2.页面js代码
<script type="text/javascript"> function wave() { document.getElementById("droid").src="portrait1.jpeg"; }; </script>
4.js调用Android方法
4.1.js代码
<a onClick="window.demo.clickOnAndroid()"> <img id="droid"src="portrait2.jpeg"/> <br>Click me!</a>
4.2.android代码
//addJavascriptInterface(Object obj,String interfaceName)这个方法,该方法将一个java对象绑定到一个javascript对象中,javascript对象名就是 interfaceName(demo),//作用域是Global。这样初始化webview后,在webview加载的页面中就可以直接通过 javascript:window.demo访问到绑定的java对象了。
webview.addJavascriptInterface(new Object() { public void clickOnAndroid() { mHandler.post(new Runnable() { public void run() { Toast.makeText(WebActivity.this, "页面点击了!", Toast.LENGTH_SHORT).show(); webview.loadUrl("javascript:wave()"); } }); } }, "demo");
5.提升webview浏览网页速度提升
5.1.代码实现
//设置webview优先使用缓存加载webview.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
5.2.缓存位置
data/data/包名/cache;data/data/包名/database ===>缓存在这个里面如果我们要清缓存,只要清除这两个文件夹就可以了;
6.注意点总结
1.网络权限的设置
AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2.JavaScript属性开关设置
如果访问的页面中有Javascript,则webview必须设置支持Javascript。webview.getSettings().setJavaScriptEnabled(true);
3.是否新开android浏览器打开连接设置
如果页面中链接,如果希望点击链接继续在当前browser中响应,而不是新开Android的系统browser中响应该链接,必须覆盖 webview的WebViewClient对象。
mWebView.setWebViewClient(new WebViewClient(){ public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } });
6.4.4.系统BACK键功能拦截
如果不做任何处理,浏览网页,点击系统“Back”键,整个Browser会调用finish()而结束自身;如果希望浏览的网 页回退而不是推出浏览器,需要在当前Activity中处理并消费掉该Back事件。
public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { mWebView.goBack(); return true; } else if((keyCode == KeyEvent.KEYCODE_BACK) && !webview.canGoBack()) { finish();// 退出此activity return true; } return super.onKeyDown(keyCode, event); }
0 0
- 《第一行代码-Android》学习笔记(二十一)WebView控件总结【修改】
- 《第一行代码-Android》学习笔记(十一)
- 第一行代码Android学习(十一)
- Android第一行代码学习笔记总结
- 第一行代码笔记10(WebView控件)
- 《第一行代码-Android》学习笔记(二)
- 《第一行代码-Android》学习笔记(二十)
- 《第一行代码-Android》学习笔记(二十二)
- 《第一行代码-Android》学习笔记(二十三)
- 《第一行代码-Android》学习笔记(二十四)
- 《第一行代码-Android》学习笔记(二十五)
- 第一行代码Android学习(二)
- Android第一行代码学习笔记二----活动
- Android 第一行代码(第二版)学习笔记(二)
- 【Android】读《第一行代码》笔记总结
- 《第一行代码》学习笔记--Android入门(一、二、三)
- 《Android第一行代码》学习笔记
- 《Android第一行代码》学习笔记
- [BZOJ2480]SDOI2012 Longge的问题|欧拉函数
- CSS制作斜角上有背景图片的Div层
- 第11题
- php实现四种基本排序算法
- disklrucache
- 《第一行代码-Android》学习笔记(二十一)WebView控件总结【修改】
- A. Little Elephant and Interval
- 迭代器
- 第12题
- 将JAVA WEB应用部署到Mopaas上
- 最长回文子串[中心扩展思想]
- 寻找最大的K个数
- java线程系列---Runnable和Thread的区别
- [BZOJ2733]HNOI2012永无乡|平衡树启发式合并