最近做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 顯示文字與圖片內容(支持多個模擬器版本)
下面來看看代碼片段:
- package com.webviewdemo;
- import java.net.URLEncoder;
- import android.app.Activity;
- import android.os.Bundle;
- import android.webkit.WebView;
- public class WebViewDemo extends Activity {
- private WebView MyWebView;
- static final String mimeType = "text/html";
- static final String encoding = "utf-8";
- /** Called when the activity is first created. */
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- //
- MyWebView = (WebView) findViewById(R.id.MyWebview);
- // this.webHtml();
- // this.webImage();
- // this.localHtmlZh();
- // this.localImage();
- // this.localHtml();
- this.localHtmlImage();
- }
- /**
- * 直接網頁顯示
- */
- private void webHtml() {
- try {
- MyWebView.loadUrl("http://www.google.com");
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- }
- /**
- * 直接網絡圖片顯示
- */
- private void webImage() {
- try {
- MyWebView .loadUrl("http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif");
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- }
- /**
- * 中文顯示
- */
- private void localHtmlZh() {
- try {
- String data = "<html>在模擬器 2.1 上測試</html>";
- // utf-8編碼處理(在SDK1.5模擬器和真實設備上都將出現亂碼,SDK1.6上能正常顯示)
- // MyWebView.loadData(data, mimeType, encoding);
- // 對數據進行編碼處理(SDK1.5版本)
- MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);
- // MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- }
- /**
- * 顯示本地圖片文件
- */
- private void localImage() {
- try {
- // 本地文件處理
- String str = "file:///android_asset/icon.png";
- MyWebView.loadUrl(str);
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- }
- /**
- * 顯示本地網頁文件
- */
- private void localHtml() {
- try {
- // 本地文件處理(如果文件名中有空格需要用+來替代)
- MyWebView.loadUrl("file:///android_asset/test.html");
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- }
- /**
- * 顯示本地圖片和文字混合的Html內容
- */
- private void localHtmlImage() {
- try {
- String data = "<HTML>在模擬器 2.1 上測試,這是<IMG src=\"APK'>file:///android_asset/igg.jpg\"/>APK裏的圖片";
- // SDK1.5本地文件處理(不能顯示圖片)
- //MyWebView.loadData(URLEncoder.encode(data, encoding), mimeType, encoding);
- // SDK1.6及以後版本
- //MyWebView.loadData(data, mimeType, encoding);
- // 本地文件處理(能顯示圖片)
- MyWebView.loadDataWithBaseURL(null, data, mimeType, encoding, null);
- } catch (Exception ex) {
- ex.printStackTrace();
- }
- }
- }
運行 localHtmlImage(...) 這個方法的結果:
在上面的所有方法中,模擬器2.1下 調用 LoadData 方法總是出現亂碼。我想應該是2.1已經不在用它了吧。直接用LoadDataWithBaseURL 方法最簡單,不再牽涉編碼的轉換。
其實我發現這不管是在線還是離線顯示都可以使用LoadUrl方法!聯網是默認utf-8,離線讀取本地時需要設置默認編碼!
本地url寫法:
手機本地文件: "file:///data/data/。。。“
SD: "file:///mnt/sdcard/。。。“
如果圖片無法離線顯示 參考: http://androidturing.iteye.com/blog/1280946