android开发中WebView控件的实例与注意要点——个人主页浏览器简易实现

标签: android 开发 webview | 发表时间:2015-04-08 06:30 | 作者:梣梓cenzi
出处:http://www.iteye.com

 

    在Android开发中往往需要实现网页的浏览,webview就是android开发控件中功能极其强大的一员,它完全可以充当一个简易的浏览器,能够自己设置主页。试想,用自己开发的app把主页设成自己技术博客地址,一打开便进入了自己的空间,何其的方便。

    在webview使用中有以下几点需要注意:

  1、关于访问网络的问题

 

       由于webview需要通过数据通信来访问网络,所以在manifest.xml配置文件中需要进行权限的设置(声明)

       代码如下

  

<uses-permission android:name="android.permission.INTERNET"/>

   2、如何实现不调用第三方浏览器即可进行页面反应

 

   

/*在webview加载网页时,不调用第三方浏览器打开的办法:
 * 设置WebViewClient,并重写WebViewClient的shouldOverrideUrlLoading方法
 * 返回true为不调用,反之 false为调用第三方浏览器
 */
 	webView.setWebViewClient(new WebViewClient(){
	   @Override
	    public boolean shouldOverrideUrlLoading(WebView view, String url) {
			 // TODO Auto-generated method stub
		        view.loadUrl(url);
		        return true;
		      }
		    });

 

 

   3、网页中包含JavaScript内容时如何设置

     android webview之所以功能强大就是能够和js进行交互 把js写成的网页嵌套到app中。

   

//网页中包含JavaScript内容需调用以下方法,参数为true
		webView.getSettings().setJavaScriptEnabled(true);

 

 

   4、如何使得物理返回键实现页面上翻而不是退出程序

     用过浏览器的同学应该都知道,浏览网页时点按手机上的返回键并不会导致程序的退出,而是回到之前打开的网页,这时候就需要重写onKeyDown(keyCode, event)方法 改写物理按键返回的逻辑。以下是设置方法:

 

//重写onKeyDown(keyCode, event)方法 改写物理按键 返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        if(keyCode==KeyEvent.KEYCODE_BACK)
        {
            if(webView.canGoBack())
            {
                webView.goBack();//返回上一页面
                return true;
            }
            else
            {
                System.exit(0);//退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }

  

 

   5 、出现net::ERR_CACHE_MISS错误提示

      使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,内容不会恢复(重新加载生成),而只是从缓存中取回内容。可以进行一下代码设置:

//出现net::ERR_CACHE_MISS错误提示
		//使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,
		//内容不会恢复(重新加载生成),而只是从缓存中取回内容
		if (Build.VERSION.SDK_INT >= 19) {
			Toast.makeText(this, "hhahhhhaha", Toast.LENGTH_LONG).show();
	        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

	    }

   6 、出现net::ERR_NAME_NOT_RESOLVED错误

 

    导致这个错误的因素有很多,我遇到的就比较特殊和纠结。因为用手机调试时需要用流量,鄙人比较穷,就用来电脑开的WiFi,可是出现了这个net::ERR_NAME_NOT_RESOLVED错误,只有用手机数据流量才得以解决。这是我找到的一些解决方法:

DNS 是将网站名称解析为互联网地址的网络服务。

a、把能上网的电脑连上,看一网络连接中的IP、DNS是自动还是指定,如果是指定记下来。
b、再把自己的电脑连上,检查一下自己的电脑的网络连接中的IP、DNS,与能上网的电脑设置成一样再试一下。
c.浏览器设置代理,请检测自己的浏览器是否设置代理或者正在开启代理软件,导致出现打不开网页情况。
d.电脑病毒破坏浏览器组件和系统文件,部分杀毒软件对被木马病毒感染程序进行查杀,但并未进行修复。
e.DNS设置问题,DNS服务器解释出错,需要手动在本地连接进行设置。

 

   7 、若要显示本地文件和本地html文件应该放在哪

   android工程目录下单assets文件

 webView.loadUrl("file:///android_asset/icon.jpg");

 

 

    基本上的要点就是和这些了,接下来是具体实现:

   这是布局文件   其实就是一个大大的webview组件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    tools:context=".MainActivity" >

    <WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" />

</RelativeLayout>

  

 

    这是主文件:

 

package com.example.webviewtest;

import java.net.URLEncoder;

import android.app.Activity;

import android.os.Build;
import android.os.Bundle;

import android.view.KeyEvent;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends Activity {

	WebView webView;

	final String mimeType = "text/html";

	final String encoding = "utf-8";

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		webView = (WebView) findViewById(R.id.webView);
		/*在webview加载网页时,不调用第三方浏览器打开的办法:
		 * 设置WebViewClient,并重写WebViewClient的shouldOverrideUrlLoading方法
		 * 返回true为不调用,反之 false为调用第三方浏览器
		 */
		webView.setWebViewClient(new WebViewClient(){
			@Override
		    public boolean shouldOverrideUrlLoading(WebView view, String url) {
				 // TODO Auto-generated method stub
		        view.loadUrl(url);
		        return true;
		      }
		    });
		//网页中包含JavaScript内容需调用以下方法,参数为true
		webView.getSettings().setJavaScriptEnabled(true);
		//出现net::ERR_CACHE_MISS错误提示
		//使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,
		//内容不会恢复(重新加载生成),而只是从缓存中取回内容
		if (Build.VERSION.SDK_INT >= 19) {
	        webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);

	    }
		  webHtml();
		  
//		  webImage();
		  
//		  localHtml();
		  
//		  localImage ();
		  
//		  localHtmlImage();

	}

	//重写onKeyDown(keyCode, event)方法 改写物理按键 返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        // TODO Auto-generated method stub
        if(keyCode==KeyEvent.KEYCODE_BACK)
        {
            if(webView.canGoBack())
            {
                webView.goBack();//返回上一页面
                return true;
            }
            else
            {
                System.exit(0);//退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }
	/**
	 * 显示网页
	 */
	private void webHtml() {
		try {
			webView.loadUrl("http://815222418.iteye.com");

		} catch (Exception ex) {

			ex.printStackTrace();
		}
	}

	/**
	 *  显示网络图片
	 */

	private void webImage() {
		try {

			webView.loadUrl("http://815222418.iteye.com/images/haha.jpg");
			
		} catch (Exception ex) {

			ex.printStackTrace();
		}
	}

	
	
	/**
	 * 显示本地图片文件
	 */

	private void localImage() {

		try {

			// 本地文件处理(文件名中有空格时用+来替代)

			webView.loadUrl("file:///android_asset/icon.jpg");

		} catch (Exception ex) {

			ex.printStackTrace();

		}

	}

	/**
	 * 显示本地网页文件
	 */

	private void localHtml() {

		try {

			// 本地文件处理( 文件名中有空格用+来替代)

			webView.loadUrl("file:///android_asset/find.html");
		} catch (Exception ex) {

			ex.printStackTrace();
		}
	}

	/**
	 * 显示本地图片和文字混合的Html内容
	 */

	private void localHtmlImage() {
		try {

			String data = "测试本地图片和文字混合显示,这是APK里的图片";

			// SDK1.5本地文件处理(不能显示图片)
			// SDK1.6及以后版本
			// webView.loadData(data, mimeType, encoding);
			// 本地文件处理(能显示图片)

			webView.loadDataWithBaseURL("about:blank", data, mimeType,

			encoding, "");

		} catch (Exception ex) {

			ex.printStackTrace();

		}
	}
}

 

 

 这样,一个简易的个人主页浏览器就完成了。

 

 

                                                                                                                                  梣梓cenzi

                                                                                                                           2015      4      8



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [android 开发 webview] 推荐:

Android WebView 用法

- - 移动开发 - ITeye博客
Android和iOS系统都提供了标准的浏览器控件,在Android中是WebView,iOS中为UIWebView. 在iOS中你实例化一 个UIWebView即可调用loadRequest来加载一个网页,但是在Android中你不仅需要创建一个WebView,还需要做一些其他的事 情,建议初次使用WebView的读者按照以下步骤使用:.

Android WebView的坑总结

- - CSDN博客推荐文章
       最近把做好的iPad HybridApp向Android迁移,碰到的坑太多了,让我这个折腾过Android接近4年的老鸟都头疼. 现在把前人遇到的都列出来,再慢慢解决自己的,目前已经解决了android键盘覆盖问题,下面最棘手的问题就是屏幕高度的适配问题了. 1、 Andrid4.1事件穿透BUG 原因不明.

Android中WebView页面交互

- - SegmentFault 最新的文章
在android内打开一个网页的时候,有时我们会要求与网页有一些交互. 而这些交互是在基于javaScript的基础上. 那么我们来学习一下android如何与网页进行JS交互. protected View refresh;// 刷新按钮. protected String url = "";// 网址url.

android开发中WebView控件的实例与注意要点——个人主页浏览器简易实现

- - 浏览器 - 互联网 - ITeye博客
    在Android开发中往往需要实现网页的浏览,webview就是android开发控件中功能极其强大的一员,它完全可以充当一个简易的浏览器,能够自己设置主页. 试想,用自己开发的app把主页设成自己技术博客地址,一打开便进入了自己的空间,何其的方便.     在webview使用中有以下几点需要注意:.

Android: 在WebView中获取网页源码

- - ITeye博客
 使能javascript:. 编写自己的WebViewClient,并在onPageFinished中提取网页源码. 运行,可以看到在showSource(String html)中打印了网页源码. 已有 0 人发表留言,猛击->> 这里<<-参与讨论. —软件人才免语言低担保 赴美带薪读研.

Android WebView中的JavaScript代码使用

- - 博客园_首页
  上一篇博文: Android WebView使用基础已经说了一些Android中WebView的基本使用.   本篇文章主要介绍WebView中的JavaScript代码的执行相关,已经JS代码与Android代码的互相调用.   (因为本人对Web开发并不是很熟悉,所以如果有哪些地方说得不对,还请指正.

Android WebView 常见的九个问题

- - 移动开发 - ITeye博客
关注微信号:javalearns   随时随地学Java. 目前Android WebView问题越来越多,接下来由爱内测(www.ineice.com)的技术工程师为我们介绍几种常见的Android WebView问题:. 1.为WebView自定义错误显示界面: /** * 显示自定义错误提示页面,用一个View覆盖在WebView */ protected void showErrorPage() { LinearLayout webParentView = (LinearLayout)mWebView.getParent();.

android WebView, WebChromeClient和WebViewClient加载网页基本用法

- - CSDN博客推荐文章
WebView, WebChromeClient和WebViewClient加载网页基本用法.  webview是android中的浏览器控件,在一些手机应用中常会用到b/s模式去开发应用,这时webview的强大功能就会显示出来.  1、webview的几点设置.  权限设置:.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误.

[Android]用WebView访问证书有问题的SSL网页

- - idv2
在WebView里加载SSL网页很正常,也没什么难度. 但如果要加载的SSL页面的证书有问题,比如过期、信息不正确、发行机关不被信任等,WebView就会拒绝加载该网页. PC上的浏览器会弹出证书错误的对话框,提示你是否要无视错误继续浏览. 实际上在WebView里也可以这样做,以实现加载证书有问题的页面.

android webview 使用以及一些常见的异常处理

- - 移动开发 - ITeye博客
android中的提供webview控件,可以方便开发人员是自己的应用嵌入网页浏览功能,但实际开发中却会遇到 一些问题,这个稍后会介绍到,. 回过头来在首页点击相关新闻链接后会发现出现空白页无法正常访问,后来研究发现这个和网站结构有关系,看来webview并不能完全实现浏览器功能. 接下来就是简单的 异常 处理了,主要就是重写WebViewClient类中的onReceivedError()方法和onReceivedSslError()方法来进行 处理了.