---恢复内容开始---

一.实例化WebView

  1. 通过xml实例化
    1. xml

      <WebView
      android:id="@+id/webview"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent" />
    2. myWebView = (WebView) findViewById(R.id.webview);
  2. 通过java代码动态实例化

WebView webView = new WebView(this);

二.加载网页

1、LoadUrl            直接加载网页、图片并显示.(本地或是网络上的网页、图片、gif)(默认在浏览器中打开)

         使用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

  1. //所有都在webView中打开网页,不会使用浏览器打开网页了

    myWebView.setWebViewClient(new WebViewClient());
    myWebView.loadUrl("http://www.baidu.com");
  2. 重写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的基本使用的更多相关文章

  1. Android混合开发之WebView与Javascript交互

    前言: 最近公司的App为了加快开发效率选择了一部分功能采用H5开发,从目前市面的大部分App来讲,大致分成Native App.Web App.Hybrid App三种方式,个人觉得目前以Hybri ...

  2. android通过webview调起支付宝app支付

    webview在加载网页的时候会默认调起手机自带的浏览器加载网页,用户体验不好.但当用户设置浏览器客户端(setWebViewClient)设置这样的监听事件之后,当请求url的时候就不会打开手机自带 ...

  3. Android WebView 优化页面加载效果

    目前带有Web功能的APP越来越多,为了能够更好的使用WebView展示页面,可以考虑做相关的优化:WebView 缓存,资源文件本地存储,客户端UI优化. 可能有些人会说,为什么不做Native的, ...

  4. Android 浏览器 —— 使用 WebView 实现文件下载

    对当前的WebView设置下载监听 mCurrentWebView.setDownloadListener(new DownloadListener() { @Override public void ...

  5. Android混合开发之WebView使用总结

    前言: 今天修改项目中一个有关WebView使用的bug,激起了我总结WebView的动机,今天抽空做个总结. 混合开发相关博客: Android混合开发之WebView使用总结 Android混合开 ...

  6. 记一次使用 android 自带 WebView 做富文本编辑器之API、机型的兼容及各种奇葩bug的解决

    转载请声明出处(http://www.cnblogs.com/linguanh/) 目录 1,测试设备介绍 2,开源项目richeditor及CrossWalk的选择 3,遇到的bug及其解决方法 4 ...

  7. 【WP8.1】WebView笔记

    之前在WP8的时候做过WebBrowser相关的笔记,在WP8.1的WebView和WebBrowser有些不一样,在这里做一些笔记 下面分为几个部分 1.禁止缩放 2.JS通知后台C#代码(noti ...

  8. 谈一谈前端多容器(多webview平台)处理方案

    文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议. 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS.react ...

  9. Android:让WebView支持<input type=”file”…>元素

    最近在做一个活动页面:用户上传一张图片进行缩放.旋转后点击下一步填写内容后生成图片! 做好后经过各种测试是没有问题的,基本没有什么明显BUG,流程都能走通,但是嵌入到APP后,问题就来了! 在IOS上 ...

  10. webView 自适应高度 document.body 属性

    前段时间开发遇到webView 高度自适应问题,用最初的方法无效,找了些资料,记录下. 1.若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...

随机推荐

  1. [Android 4.4.3] 泛泰A860 Omni4.4.3 20140610 RC2.0 三版通刷 by syhost

    欢迎关注泛泰非盈利专业第三方开发团队 VegaDevTeam  (本team 由 syhost suky zhaochengw(z大) xuefy(大星星) tenfar(R大师) loogeo cr ...

  2. 【中途相遇+二进制】【NEERC 2003】Jurassic Remains

    例题25  侏罗纪(Jurassic Remains, NEERC 2003, LA 2965) 给定n个大写字母组成的字符串.选择尽量多的串,使得每个大写字母都能出现偶数次. [输入格式] 输入包含 ...

  3. 禁掉a链接的几种方法

    这次遇到链接 先留着  但不能有任何作用的需求  ,我只能说顾客的需求真是多种多样,奇奇怪怪啊 啊啊啊啊啊啊啊啊啊啊啊 我用span代替了a 标签,但是后来想想维护起来可能不太方便  所以上网查资料, ...

  4. mvc 微软票据验证

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

  5. JavaScript面向对象,闭包内存图,闭包和作用域

    var i = 10; function test(){ var j; i=20; //未定义 function test(){ j='hello'; } console.log(test()); / ...

  6. iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案

    问题描述 iOS系统下,移动web页面,inpu获取焦点弹出系统虚拟键盘时,偶尔会出现挡住input的情况,尽管概率不大,但是十分影响用户体验. 问题重现 原始页面:页面中有header.main.f ...

  7. 配置阿里云作为yum 源

    第一步:下载aliyum 的yum源配置文件. http://mirrors.aliyun.com/repo/ 第二步:把下载到的repo文件复制到/etc/yum.repo.d/目录下. ----- ...

  8. If-Modified-Since和If-None-Match

    If-Modified-Since & If-None-MatchIf-Modified-Since,和 Last-Modified 一样都是用于记录页面最后修改时间的 HTTP 头信息,只是 ...

  9. Oracle EBS-SQL (PO-18):检查工作台下达的PR在系统找不到.sql

    select * From apps.po_requisitions_interface_all---------------------------------------------------- ...

  10. 打开本地STL文件并创建webgl使用的geometry

    需求 打开本地STL文件 一个独立基于webgl的viewer,会被别的网站重用 将打开文件的数据传输给viewer,并且在文件加载的时候显示进度条 解决方案 #1可以使用传统的html5 api来打 ...