Android開發中對HTML內容的顯示

米建++胡暢霞++劉穎

摘 要 隨著Android科技的發展，手機客戶端接受了更多的HTML內容。本文作者采用WebView直接顯示法結合人機交互的原則，從用戶體驗的角度解析傳入的HTML內容，顯示出完整的圖文內容。

關鍵詞 Android；HTML標簽；WebView

中圖分類號TN91 文獻標識碼 A 文章編號 1674-6708（2015）145-0049-01

Android智能手機已經在我們現實生活中無處不在，成為我們生活中不可或缺的一部分，Android應用充斥和豐富著我們的生活。隨著互聯網的發展和手機網速的提升Android客戶端獲取網絡的信息資源已是稀松平常，獲取的信息中帶有HTML內容是必不可少的，如果把HTML標記去掉很大程度上會破壞資源的完整性，即便獲取了資源內的文字但文字的樣式也會消失，資源內的鏈接和圖片同樣會消失。在這種形勢下Android客戶端對HTML內容的解析就是大勢所趨。

1 方法介紹

Android對HTML內容解析主要有四種方法：1）Java正則表達式過濾法，Java正則表達式（Regular Expression）就是一個字符構成的串，這個方法可以搜索提取出任何你想要的字符串，只要找到一個符合要求的正則表達式就可以過濾去除HTML標簽；2）jsoup 解析器解析法，jsoup 是一款 Java 的HTML 解析器，可直接解析某個URL地址、HTML文本內容等。它提供了一套非常省力的API，可通過DOM，CSS以及類似于jquery的操作方法來取出和操作數據；3）TextView自帶類解析法，Android提供了android.text.Html類和Html.ImageGetter、Html.TagHandler接口，格式化字符串為HTML樣式處理后再在TextView中顯示；4）WebView直接顯示法，Android提供了方便非格式化方法不需要轉碼直接在WebView中顯示。

2 實際解決方案

2.1 需求分析

本人在承擔河北省大學生創新項目《“互聯網+”下畢業設計評價系統》中遇到了在Android客戶端顯示HTML內容的問題。在通知公告二級頁面中，主體顯示通知公告的具體內容，通知公告的內容是從后臺數據庫中讀取，數據庫中通知內容字段存儲的既有文字還有HTML標簽，這兩者組成了整體。在手機客戶端正確合理顯示HTML內容成為了本界面的一個關鍵。

2.2 解決方案

作者首先采用了Java正則表達式過濾法，用過濾HTML標簽的正則表達式（“<（[^>]*）>”）過濾去除HTML標簽，只得到了內容中的文字但HTML標簽的功能由于被剔除而消失，段落格式、圖片、鏈接等內容無法顯示。jsoup選擇器選擇出img標簽來單獨顯示圖片，但是這種方法就破壞了文字和圖片的整體性，降低了用戶體驗不利于人機交互。TextView自帶類解析法可以使HTML內容中的文字和圖片整體顯示，并且解析后文字擁有原有的段落格式和顏色，解析后若文字過小或者圖片過大，這很大程度上會影響用戶體驗，并且TextView是不支持縮放，這就需要一種更人性化的解析方式。

作者采用了WebView直接顯示法，優勢主要有兩個，一是可以輕松更改需要展現的內容（包括樣式），二是可以實現部分功能的跨平臺。WebView加載HTML代碼的方法主要有：1）WebView.loadUrl（String strhtml）方法；2）WebView.loadData（String data， String mimeType， String encoding）方法；3）loadDataWithBaseURL（）方法。

作者采用了第三種方法顯示HTML內容：loadDataWithBaseURL （String baseUrl， String data， String mimeType， String encoding， String historyUrl），在baseUrl的賦值上，并非要傳一個Url參數，因為它只是一個標志位，用來標志當前頁面的Key值。historyUrl為value值，在加載時，它會把baseUrl和historyUrl傳到List列表中，當作歷史記錄來使用，當前進和后退時，它會通過baseUrl來尋找historyUrl的路徑，通過加載historyUrl路徑來加載歷史界面。使用這種方法不需要先將HTML內容進行轉碼，直接可以顯示。實例代碼：webView.loadDataWithBaseURL（ null， massage， “text/html”， “utf-8”， null），massage為作者從數據庫中獲得HTML內容字段，并非獲取字段后直接傳入到loadDataWithBaseURL（）方法中，需要對HTML標簽進行路徑補全處理。

HTML標簽是由眾多功能標簽組成，img標簽是重要的組成部分，img標簽中的圖片路徑分為絕對路徑和相對路徑。在Android客戶端解析HTML標簽時，圖片的鏈接路徑必須是相對路徑才能在WebView中顯示出完整的圖片，否則只有圖片的邊緣。但在網站中的圖片很多都是絕對路徑這就需要對img標簽進行單獨的處理將絕對路徑轉化為相對路徑。操作主要分為兩步：第一步判斷HTML標簽中是否含有img標簽；第二步帶有絕對路徑的img標簽利用字符串補全替代法，將路徑補充完整。字符串的替換會影響html代碼的顯示速度，所以需要判斷HTML標簽中是否含有img標簽，降低字符串替換對顯示效率的影響。在判斷是否含有img標簽時，首先利用jsoup解析器解析出img標簽再進行if判斷。示例代碼：String massage1 = massage.replaceAll（“（.*？）src=＼”（.*？）”，”$1src=＼”http：//cems.stdu.edu.cn”）。

在本次項目中作者添加了一些人性化的操作，例如雙擊屏幕實現自適應屏幕功能，添加此功能遵循了人機交互原則，增強了用戶體驗。功能的實現是Android提供了WebSetting工具類，工具類中專門設置WebView的一些特征、屬性，只需要設置WebView的如下這些

屬性。

1）WebView.getSettings（）.setSupportZoom（true）；// 設置可以支持縮放

2）WebView.getSettings（）.setBuiltInZoomControls（true）；// 設置出現縮放工具

需要注意的是WebView顯示HTML內容的速度比較慢尤其是加載網頁時，建議對圖片進行延遲載入處理，并將耗時加載操作放到子線程中來提高顯示效率。

3 結論

在Android手機客戶端顯示HTML內容有多種方式，每種方式都有各自的優缺點，在項目研發過程中，可根據需求來選擇高效的解析方法。

參考文獻

[1]明日科技.Android從入門到精通[M].清華大學出版社，2010.

[2]李剛.瘋狂Android講義[M].電子工業出版社，2013.

[3]邁耶.Android4高級編程[M].3版.2013.