【BUG解決】WebView三個方法區別~解決亂碼問題!

最近做WebView加載本地html,發現了網上說的utf-8亂碼的問題。解決也很簡單,這裏有篇很不錯的文章寫的很詳細。偷懶拿來借鑑~!

 

 

其實我發現這不管是在線還是離線顯示都可以使用LoadUrl方法!聯網時好像是默認utf-8,離線讀取本地時需要設置默認編碼!如果圖片無法離線顯示 參考:  http://androidturing.iteye.com/blog/1280946 

 

在網上看了許多關於WebView 的例子。但當自己做起來時,總是有些差別,是另一種體會。這節我就以 模擬器爲2.1 爲例來講。

   WebView 主要調用三個方法:LoadUrl、LoadData、LoadDataWithBaseURL。

     1、LoadUrl        直接加載網頁、圖片並顯示。(本地或是網絡上的網頁、圖片、gif)

注意!要提前設置編碼:webSettings.setDefaultTextEncodingName("UTF-8");

 

     2、LoadData     顯示文字與圖片內容 (模擬器1.5、1.6)

     3、LoadDataWithBase  顯示文字與圖片內容(支持多個模擬器版本)

下面來看看代碼片段:

 

Java代碼 
  1. package com.webviewdemo;  
  2.   
  3. import java.net.URLEncoder;  
  4. import android.app.Activity;  
  5. import android.os.Bundle;  
  6. import android.webkit.WebView;  
  7.   
  8. public class WebViewDemo extends Activity {  
  9.   
  10.   private WebView     MyWebView;  
  11.   static final String mimeType = "text/html";  
  12.   static final String encoding = "utf-8";  
  13.   
  14.   /** Called when the activity is first created. */  
  15.   @Override  
  16.   public void onCreate(Bundle savedInstanceState) {  
  17.     super.onCreate(savedInstanceState);  
  18.     setContentView(R.layout.main);  
  19.     //  
  20.     MyWebView = (WebView) findViewById(R.id.MyWebview);  
  21.     // this.webHtml();  
  22.     // this.webImage();  
  23.     // this.localHtmlZh();  
  24.     // this.localImage();  
  25.     // this.localHtml();  
  26.     this.localHtmlImage();  
  27.   }  
  28.   
  29.   /** 
  30.    * 直接網頁顯示 
  31.    */  
  32.   private void webHtml() {  
  33.   
  34.     try {  
  35.       MyWebView.loadUrl("http://www.google.com");  
  36.     } catch (Exception ex) {  
  37.       ex.printStackTrace();  
  38.     }  
  39.   }  
  40.   
  41.   /** 
  42.    * 直接網絡圖片顯示 
  43.    */  
  44.   private void webImage() {  
  45.     try {  
  46.       MyWebView .loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");  
  47.     } catch (Exception ex) {  
  48.       ex.printStackTrace();  
  49.     }  
  50.   }  
  51.   
  52.   /** 
  53.    * 中文顯示 
  54.    */  
  55.   private void localHtmlZh() {  
  56.     try {  
  57.       String data = "<html>在模擬器 2.1 上測試</html>";  
  58.       // utf-8編碼處理(在SDK1.5模擬器和真實設備上都將出現亂碼,SDK1.6上能正常顯示)  
  59.       // MyWebView.loadData(data, mimeType, encoding);  
  60.       // 對數據進行編碼處理(SDK1.5版本)  
  61.       MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);  
  62.       // MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);  
  63.   
  64.     } catch (Exception ex) {  
  65.       ex.printStackTrace();  
  66.     }  
  67.   }  
  68.   
  69.   /** 
  70.    * 顯示本地圖片文件 
  71.    */  
  72.   private void localImage() {  
  73.     try {  
  74.       // 本地文件處理  
  75.       String str = "file:///android_asset/icon.png";  
  76.       MyWebView.loadUrl(str);  
  77.     } catch (Exception ex) {  
  78.       ex.printStackTrace();  
  79.     }  
  80.   }  
  81.   
  82.   /** 
  83.    * 顯示本地網頁文件 
  84.    */  
  85.   private void localHtml() {  
  86.     try {  
  87.       // 本地文件處理(如果文件名中有空格需要用+來替代)  
  88.       MyWebView.loadUrl("file:///android_asset/test.html");  
  89.     } catch (Exception ex) {  
  90.       ex.printStackTrace();  
  91.     }  
  92.   }  
  93.   
  94.   /** 
  95.    * 顯示本地圖片和文字混合的Html內容 
  96.    */  
  97.   private void localHtmlImage() {  
  98.     try {  
  99.       String data = "<HTML>在模擬器 2.1 上測試,這是<IMG src=\"APK'>file:///android_asset/igg.jpg\"/>APK裏的圖片";  
  100.       // SDK1.5本地文件處理(不能顯示圖片)  
  101.       //MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);  
  102.       // SDK1.6及以後版本  
  103.       //MyWebView.loadData(data, mimeType, encoding);  
  104.       // 本地文件處理(能顯示圖片)  
  105.       MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);  
  106.     } catch (Exception ex) {  
  107.       ex.printStackTrace();  
  108.     }  
  109.   }  
  110. }  

 

運行 localHtmlImage(...) 這個方法的結果:


在上面的所有方法中,模擬器2.1下 調用 LoadData 方法總是出現亂碼。我想應該是2.1已經不在用它了吧。直接用LoadDataWithBaseURL 方法最簡單,不再牽涉編碼的轉換。

其實我發現這不管是在線還是離線顯示都可以使用LoadUrl方法!聯網是默認utf-8,離線讀取本地時需要設置默認編碼!

本地url寫法:

手機本地文件: "file:///data/data/。。。“

SD: "file:///mnt/sdcard/。。。“

 

如果圖片無法離線顯示 參考:  http://androidturing.iteye.com/blog/1280946

 

 

 

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