Android WebView載入Html文字不能適配,以及圖片中間有空白的問題
阿新 • • 發佈:2019-01-26
1.WebView載入Html文字的正確方式
webView.loadData(html, "text/html; charset=utf-8", "utf-8");
2.但是如果文字中帶圖片的話就會遇到適配問題該如何解決呢?
public static String getNewContent(String htmltext){
Document doc= Jsoup.parse(htmltext);
Elements elements=doc.getElementsByTag("img");
for (Element element : elements) {
element.attr("width" ,"100%").attr("height","auto");
}
return doc.toString();
}
//通過DOM方式遍歷,拿到img標籤,讓寬度是100%,高度自適應就能解決圖片不能自適應的問題了
//這個還得加一個Jsoup的包
3.這不是最好的解決方案,因為圖片中可能有空白的地方怎麼解決呢?看下方的程式碼
String head = "<head>" +
"<meta name=\"viewport\" content=\"width=device-width, initial-scale =1.0, user-scalable=no\"> " +
"<style>*{margin:0;padding:0;}img{max-width: 100%; width:auto; height:auto;}</style>" +
"</head>";
return "<html>" + head + "<body>" + bodyHTML + "</body></html>";
// *{margin:0;padding:0這個是關鍵解決空白問題的程式碼,完美解決所有問題,是不是很簡單