android開發中WebView控件的實例與注意要點——個人主頁瀏覽器簡易實現

轉自:http://itindex.net/detail/53169- ... 80%E5%8F%91-webview

在Android開發中往往需要實現網頁的瀏覽,webview就是android開發控件中功能極其強大的一員,它完全可以充當一個簡易的瀏覽器,能夠自己設置主頁。試想,用自己開發的app把主頁設成自己技術博客地址,一打開便進入了自己的空間,何其的方便。

    在webview使用中有以下幾點需要注意:

  1、關於訪問網絡的問題

 

       由於webview需要通過數據通信來訪問網絡,所以在manifest.xml配置文件中需要進行權限的設置(聲明)

       代碼如下

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

注:這一步很重要,要添加在AndroidManifest.xml文件中,否則會出現異常信息“net::err_cache_miss”

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.administrator.demowebview">
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>



 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/p_w_picpaths/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();

		}
	}
}

 

 

 這樣,一個簡易的個人主頁瀏覽器就完成了。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章