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

一.实例化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. Linux SSH 远程操作与传送文件

    操作系统:centos 6.5 x64 一.远程连接:在进行linux 的 ssh远程操作前,一定要确认linux 是否安装了 openssh-clients,为了方便起见,一般用yum安装即可:# ...

  2. NET基础课--代码安全

    1.sqlinjection

  3. Linux下安装oracle11g

    1.安装环境: Linux:Redhat Enterprise Linux 6.3 64位 Oracle:Oracle Database 11g for Linux x86-64 64位 2.修改操作 ...

  4. commands - `tar`

    remove files after pack: tar --remove-files -cf all.tar * compression: -j: bzip2 -z: gzip add file t ...

  5. oracle学习-安装卸载

  6. 模拟HTTP请求：Request Maker

    摘要 : Request Maker是一款可以模拟HTTP请求的谷歌浏览器插件. Request Maker的开发背景 现在由于restful式的web api的兴起,越来越多的开发者习惯使用URL来 ...

  7. chapter 1 Number/Adventurous Person

    part1: 1- Which would be easier to remember a munber or a name? Well, I am better at remembering num ...

  8. Django学习(三) Django模型创建以及操作

    在Django中可以建立自己的模型Model,这里对应Java里的实体类,跟数据库表是对应的.其中用到了django.db模块中的models.如下图所示: mysite/news/models.py ...

  9. SQL Server 查看备份集元数据的 4 种方法。

    方法 1. restore labelonly 方法 2. restore headeronly 方法 3. restore filelistonly 方法 4. restore verifyonly ...

  10. Nginx 配置指令的执行顺序（八）

    前面我们详细讨论了 rewrite.access 和 content 这三个最为常见的 Nginx 请求处理阶段,在此过程中,也顺便介绍了运行在这三个阶段的众多 Nginx 模块及其配置指令.同时可以 ...