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

红太狼 2022-09-25 04:23 167阅读 0赞

在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");

8、添加置顶进度条

在网页访问网络时，如果没有进度条将很难分辨是否正在访问或是否加载完成，所以需要添加置顶的进度条，布局文件中：

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

这是布局文件 其实就是一个大大的webview组件加一个ProgressBar：

这是主文件：

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);
    
    		//添加进度条
     		 final ProgressBar bar = (ProgressBar)findViewById(R.id.progressBar1);
    		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;
    		      }
    		    });
    
    	//添加进度条
    	  webView.setWebChromeClient(new WebChromeClient() {

@Override
               public void onProgressChanged(WebView view, int newProgress) {
                   if (newProgress == 100) {
                       bar.setVisibility(View.INVISIBLE);
                   } else {
                       if (View.INVISIBLE == bar.getVisibility()) {
                           bar.setVisibility(View.VISIBLE);
                       }
                       bar.setProgress(newProgress);
                   }
                   super.onProgressChanged(view, newProgress);
               }
               
           });
    		//网页中包含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