webview 圖片自適應解決方案
我的第一篇部落格
接觸android已經兩年多了,遇到很多問題沒用及時的記下,導致每次都得去百度幫忙,自今天起所解決的困難都將記錄在此。
- webview圖片自適應螢幕
關於android端,webview自適應html中圖片的問題。網上比較流行的有三中方法。
一、通過設定LayoutAlgorithm 來自適應螢幕
WebSettings settings = webView.getSettings();
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
二、通過設定webview 設定webview顯示視窗,和載入模式來自適應螢幕
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
三、通過計算螢幕密度來計算,設定webview 自適應
但是以上三種方法都沒有實現我的需求,所以我通過第三方工具jsoup.jar (一個html解析工具),來更改html屬性,從而達到自適應的目的。廢話不多說,直接上程式碼。
public static String getHtmlContent(String html){
//
Document doc_Dis = Jsoup.parse(html);
Elements ele_Img = doc_Dis.getElementsByTag(“img”);
if (ele_Img.size() != 0){
for (Element e_Img : ele_Img) {
e_Img.attr(“style”, “max-width:100%;height:auto;”);
}
}
//
return doc_Dis.toString();
}
引數html 為你原html字串,返回的是拼接之後的html。把返回的之後的html通過loadDataWithBaseURL方法載入,即可解決圖片在webview自適應問題!