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 ...
随机推荐
- [Android 4.4.3] 泛泰A860 Omni4.4.3 20140610 RC2.0 三版通刷 by syhost
欢迎关注泛泰非盈利专业第三方开发团队 VegaDevTeam (本team 由 syhost suky zhaochengw(z大) xuefy(大星星) tenfar(R大师) loogeo cr ...
- 【中途相遇+二进制】【NEERC 2003】Jurassic Remains
例题25 侏罗纪(Jurassic Remains, NEERC 2003, LA 2965) 给定n个大写字母组成的字符串.选择尽量多的串,使得每个大写字母都能出现偶数次. [输入格式] 输入包含 ...
- 禁掉a链接的几种方法
这次遇到链接 先留着 但不能有任何作用的需求 ,我只能说顾客的需求真是多种多样,奇奇怪怪啊 啊啊啊啊啊啊啊啊啊啊啊 我用span代替了a 标签,但是后来想想维护起来可能不太方便 所以上网查资料, ...
- mvc 微软票据验证
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...
- JavaScript面向对象,闭包内存图,闭包和作用域
var i = 10; function test(){ var j; i=20; //未定义 function test(){ j='hello'; } console.log(test()); / ...
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
问题描述 iOS系统下,移动web页面,inpu获取焦点弹出系统虚拟键盘时,偶尔会出现挡住input的情况,尽管概率不大,但是十分影响用户体验. 问题重现 原始页面:页面中有header.main.f ...
- 配置阿里云作为yum 源
第一步:下载aliyum 的yum源配置文件. http://mirrors.aliyun.com/repo/ 第二步:把下载到的repo文件复制到/etc/yum.repo.d/目录下. ----- ...
- If-Modified-Since和If-None-Match
If-Modified-Since & If-None-MatchIf-Modified-Since,和 Last-Modified 一样都是用于记录页面最后修改时间的 HTTP 头信息,只是 ...
- Oracle EBS-SQL (PO-18):检查工作台下达的PR在系统找不到.sql
select * From apps.po_requisitions_interface_all---------------------------------------------------- ...
- 打开本地STL文件并创建webgl使用的geometry
需求 打开本地STL文件 一个独立基于webgl的viewer,会被别的网站重用 将打开文件的数据传输给viewer,并且在文件加载的时候显示进度条 解决方案 #1可以使用传统的html5 api来打 ...