1. 程式人生 > >Android WebView載入圖片顯示過大的處理

Android WebView載入圖片顯示過大的處理

Webview載入圖片時,經常會遇到圖片顯示不符合預期的問題。下面給出解決辦法:利用Jsoup解析html指定img標籤的寬高屬性來解決。

小提示:("width", "100%")——>解決了圖片過大,超出螢幕顯示的問題,但是此時會帶來一個新的bug,就是當圖片小於螢幕尺寸時,也會按照螢幕的寬度顯示。此時,指定("max-width", "100%")可以解決。

程式碼如下:
    /**
     * WebView載入網頁圖片顯示太大的解決方案 圖片尺寸超過螢幕寬度,最大顯示螢幕的寬度,否則展示原圖的大小 https://blog.csdn.net/qq_35008536/article/details/52281161
     * @param htmltext
     * @return
     */
    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("max-width", "100%").attr("height", "auto");
        }
        return doc.toString();
    }