WebView的基本使用
---恢复内容开始---
一.实例化WebView
- 通过xml实例化
- xml
<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" /> - myWebView = (WebView) findViewById(R.id.webview);
- xml
- 通过java代码动态实例化
WebView webView = new WebView(this);
二.加载网页
1、LoadUrl 直接加载网页、图片并显示.(本地或是网络上的网页、图片、gif)(默认在浏览器中打开)
- 互联网用:webView.loadUrl("http://www.google.com");
- 本地文件用:webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在:assets 文件中
使用LoadUrl 出现过的问题
- 乱码问题:
设置html的编码
<head> <title>这是标题</title> <meta name="content-type" content="text/html; charset=utf-8"> <meta http-equlv="Content-Type" content="text/html;charset=utf-8"> </ head>
- 设置WebView加载页面的编码
webview.getSettings().setDefaultTextEncodingName("utf-8");
2、LoadData 显示文字与图片内容(模拟器1.5、1.6)
String htmlString = "<h1>Title</h1><p>This is HTML text<br /><i>Formatted in italics</i><br />Anothor Line</p>";
myWebView.loadData(htmlString, "text/html", "utf-8");
使用LoadData可能出现的问题
- 特殊字符转化问题:有四个字符比较特殊必须使用其它的字符代替,否则会报错。分别是英文字符:'#', '%', '\' , '?' ;对应的改成:%23, %25, %27, %3f。尽量少转化吧,会影响速度。
%,会报找不到页面错误,页面全是乱码。
#,会让你的goBack失效,但canGoBAck是可以使用的。于是就会产生返回按钮生效,但不能返回的情况。
\ 和? 在转换时,会报错,因为它会把\当作转义符来使用。
- 乱码问题:修改loadData的第三个参数,使它与html页面的编码保持一致。
3、LoadDataWithBase 显示文字与图片内容(支持多个模拟器版本)没有试过,第一个参数和最后一个参数可以为null。推测:但这样就没有历史记录了。
void loadDataWithBaseURL (String baseUrl, String data, String mimeType, String encoding, String historyUrl)
三.如何加载网页:使用浏览器还是Activity的webview
//所有都在webView中打开网页,不会使用浏览器打开网页了
myWebView.setWebViewClient(new WebViewClient());
myWebView.loadUrl("http://www.baidu.com");- 重写WebViewClient类,控制网页打开是在浏览器打开还是Activity的WebView中打开
private class MyWebViewClient extends WebViewClient
{
private final String TAG = MyWebViewClient.class.getSimpleName(); @Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Log.e(TAG, url+" getHost:"+Uri.parse(url).getHost());
if (Uri.parse(url).getHost().equals("m.baidu.com")) {
// This is my web site, so do not override; let my WebView load
// the page。在webview中加载网页
return false;
}
// Otherwise, the link is not for a page on my site, so launch
// another Activity that handles URLs.使用浏览器加载网页
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(intent);
return true;
}
} //控制打开网页的地方
myWebView.setWebViewClient(new MyWebViewClient());
myWebView.loadUrl("http://www.baidu.com");
四.按返回键的时候按浏览历史退回,(前进使用myWebView.goForward();)
/**
* 按键响应,在WebView中查看网页时,按返回键的时候按浏览历史退回,如果不做此项处理则整个WebView返回退出
*/
@Override
public boolean onKeyDown(int keyCode, KeyEvent event)
{
// Check if the key event was the Back button and if there's history
if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack())
{
/*
* canGoBack() 方法在网页可以后退时返回true。
* 类似的,canGoForward()方法可以检查是否有可以前进的历史记录。
*/
// 这个是前进
// myWebView.goForward();
// 返回键退回
myWebView.goBack();
return true;
}
// If it wasn't the Back key or there's no web page history, bubble up
// to the default
// system behavior (probably exit the activity)
return super.onKeyDown(keyCode, event);
}
代码示例:https://github.com/bigthing33/StudyDemo.git
在项目的WebViewActivity中.
---恢复内容结束---
WebView的基本使用的更多相关文章
- Android混合开发之WebView与Javascript交互
前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...
- android通过webview调起支付宝app支付
webview在加载网页的时候会默认调起手机自带的浏览器加载网页,用户体验不好.但当用户设置浏览器客户端(setWebViewClient)设置这样的监听事件之后,当请求url的时候就不会打开手机自带 ...
- Android WebView 优化页面加载效果
目前带有Web功能的APP越来越多,为了能够更好的使用WebView展示页面,可以考虑做相关的优化:WebView 缓存,资源文件本地存储,客户端UI优化. 可能有些人会说,为什么不做Native的, ...
- Android 浏览器 —— 使用 WebView 实现文件下载
对当前的WebView设置下载监听 mCurrentWebView.setDownloadListener(new DownloadListener() { @Override public void ...
- Android混合开发之WebView使用总结
前言: 今天修改项目中一个有关WebView使用的bug,激起了我总结WebView的动机,今天抽空做个总结. 混合开发相关博客: Android混合开发之WebView使用总结 Android混合开 ...
- 记一次使用 android 自带 WebView 做富文本编辑器之API、机型的兼容及各种奇葩bug的解决
转载请声明出处(http://www.cnblogs.com/linguanh/) 目录 1,测试设备介绍 2,开源项目richeditor及CrossWalk的选择 3,遇到的bug及其解决方法 4 ...
- 【WP8.1】WebView笔记
之前在WP8的时候做过WebBrowser相关的笔记,在WP8.1的WebView和WebBrowser有些不一样,在这里做一些笔记 下面分为几个部分 1.禁止缩放 2.JS通知后台C#代码(noti ...
- 谈一谈前端多容器(多webview平台)处理方案
文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议. 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS.react ...
- Android:让WebView支持<input type=”file”…>元素
最近在做一个活动页面:用户上传一张图片进行缩放.旋转后点击下一步填写内容后生成图片! 做好后经过各种测试是没有问题的,基本没有什么明显BUG,流程都能走通,但是嵌入到APP后,问题就来了! 在IOS上 ...
- webView 自适应高度 document.body 属性
前段时间开发遇到webView 高度自适应问题,用最初的方法无效,找了些资料,记录下. 1.若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
随机推荐
- quick-cocos2d-x android返回键监听并实现原生退出对话框
这两天最终闲了一下,就顺手又把quick捡起来又学了学,一直都认为quick比cocos2dx那套lua绑定要方便很多,今天试了下android返回键的监听,还是挺好弄的,所以就有了这篇. 首先说明一 ...
- Swift中的设计模式
设计模式(Design Pattern)是 对软件设计中普遍存在的各种问题,所提出的解决方案.这个术语是由埃里希·伽玛等人(Erich Gamma,Richard Helm,Ralph Johnson ...
- index < m_IntCount错误
在inspector中,重新添加动画的过度条件即可. 参考
- EF 事务处理 (InnoDB Engine的MySQL表也可以)
备忘 1. 亲测(可以嵌套使用) using (TransactionScope scope = new TransactionScope()) { //操作1 XXEntities.Current. ...
- xmanager 在 Windows 下远程桌面连接 麒麟
编辑/etc/gdm/custom.conf,添加如下内容: [daemon] RemoteGreeter=/usr/libexec/gdmgreeter 注:“远程登录界面与本地登录界面相同”功能 ...
- [原创] Assistant editor 取消拖拽 binding 的 UI 元素
1. press up-right button "show the utilities" 2. press "show the Connections inspecto ...
- Android系统五大布局详解Layout
我们知道Android系统应用程序一般是由多个Activity组成,而这些Activity以视图的形式展现在我们面前, 视图都是由一个一个的组件构成的.组件就是我们常见的Button.TextEdit ...
- struts2 中 Session的使用简介
在Struts2里,如果需要在Action中使用到session,可以使用下面两种方式: 通过ActionContext 类中的方法getSession得到 Action实现org.apache.st ...
- Android listview 的优化
接[Android listview的应用][1] 在我们上一篇[Android listview的应用][1]中,我们的adapter中的getView()方法中每次都将布局重新加载一遍,这样就会导 ...
- jquery中attr()与prop()函数用法实例详解(附用法区别)
本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是a ...