android WebView載入html 處理的圖片過寬的工具類 (過寬的控制到100%,正常尺寸的不放大)

阿新 • • 發佈：2018-12-28

參考部落格: 小曾同志的專欄: https://blog.csdn.net/u010023795/article/details/53509495
工具類

import org.jsoup.Jsoup;
import org.jsoup.nodes.Document;
import org.jsoup.nodes.Element;
import org.jsoup.select.Elements;

public class WebContentFormatUtil {

    private static String sHead = "<html><head><meta name=\"viewport\" content=\"width=device-width, " 
 +
            "initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes\" />" +
            "<style>img{max-width:100% !important;height:auto !important;}</style>"
            + "<style>body{max-width:100% !important;}</style>" + "</head><body>";

    /**
     * 圖寬度都控制到 100% 小圖示會被放到超級大
     */ 

    public static String getNewContent(String htmltext) {
        try {
            Document doc = Jsoup.parse(htmltext);
            Elements elements = doc.getElementsByTag("img");
            for (Element element : elements) {
                element.attr("max-width", "100%")
                        .attr("width" 
, "100%")
                        .attr("height", "auto")
                        .attr("style", "");
            }
            return doc.toString();
        } catch (Exception e) {
            return htmltext;
        }
    }

    /**
     * 圖片自動適應 過寬縮到100%,正常的不放大
     */
    public static String getFinalContent(String htmltext) {
        return sHead + htmltext + "</body></html>";
    }

}

使用方式:

//用jquery對返回的html進行處理
detailInform.loadDataWithBaseURL(null, getFinalContent(DetailInfo), “text/html”, “utf-8”, null);

android WebView載入html 處理的圖片過寬的工具類 (過寬的控制到100%,正常尺寸的不放大)

參考部落格: 小曾同志的專欄: https://blog.csdn.net/u010023795/article/details/53509495 工具類 import org.jsoup.Jsoup; import org.jsoup.nodes.Document; impor

android webview載入html圖片自適應手機螢幕大小&點選檢視大圖

我們在開發中，顯示資訊詳情時，一般後臺會給出html文字，在Android端一般採用webview控制元件來展示，但是後臺給出的html文字一般是給電腦端用的，沒有自適配手機，導致手機端圖片顯示過大，需要左右移動來檢視全圖。下面給出幾種實用方法，達到在手機端用webvi

Android WebView載入Html文字不能適配，以及圖片中間有空白的問題

1.WebView載入Html文字的正確方式 webView.loadData(html, "text/html; charset=utf-8", "utf-8"); 2.但是如果文字中帶圖片的

android的WebView載入html內容圖片超出螢幕範圍

1.使用css處理 img{ width: 84vw;//佔寬度的84% } 2.在圖片內容後面條件Js 另外一種讓圖片不超出螢幕範圍的方法，現在用的是css <script type="text/javascript"> var table

Android WebView載入HTML表單並通過javascript提交

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

記Android webView載入html程式碼不執行js方法的情況

頁面中有一個webView顯示後臺返回的富文字資料，富文字資料是一串html程式碼，但是並沒有<html><body>這些標籤,webView不做任何處理，使用 webView.loadData(html, "text/html; charset=U

Android webview載入html程式碼上下左右有白邊問題

直接開始後臺返回一串html程式碼字串然候客戶端用webview做展示別的都正常只是四周會有白邊網上找的各種方法都不好使如下圖後來給webview添加了兩個setting表框變窄了但是還

Android webView載入html程式碼詳解

最近的專案需要做一個如同微信中的騰訊新聞的功能，如下圖所示：直接上關鍵程式碼：佈局： Xml程式碼 <?xmlversion="1.0"encoding="utf-8"?> <RelativeLayoutxmlns:android="htt

Android webview載入html出現空白問題

wv.loadUrl(“http://xxx.xxx.xxx:1025/api/index.php?m=&c=Api“); wv.setWebChromeClient(new WebChro

Android webview載入html自適應螢幕

webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setCacheMode(WebSettings.LOAD

Android WebView 載入HTML程式碼

<uses-permission android:name="android.permission.INTERNET" /> <?xml version="1.0" enco

Android webview載入Html頁面,傳參到Html並獲取返回值

1.Android端程式碼 public class MainActivity extends Activity { private static final String LOGTAG = "MainActivity"; @SuppressLint("Ja

Android webView載入html頁面不顯示（顯示白屏）

Android webView載入網頁不顯示（顯示白屏）最近專案上線後發現了一個bug，某些使用者打不開webView載入的靜態網頁，大部分使用者卻是可以，起初以為是手機原因，後來測試發現，只要是

android TextView 載入html 顯示圖片並且新增img標籤點選事件工具類富文字圖文混排圖片大小調整

注意，本人部落格主要是為了自己記錄，如果有問題歡迎反饋哈。 android的TextView可以載入html程式碼，並且識別他們的標籤，用的方法就是setText(Html.fromHtml(source)),其中source是指定的字串，包含html標籤,用setText

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

Webview載入圖片時，經常會遇到圖片顯示不符合預期的問題。下面給出解決辦法：利用Jsoup解析html指定img標籤的寬高屬性來解決。小提示：("width", "100%")——>解決了圖片過大，超出螢幕顯示的問題，但是此時會帶來一個新的bug，就是當圖片小於螢幕

Android中WebView載入Html中的圖片新增點選事件

基本的思路：（1）WebView來載入HTML。（2）向HTML中注入JavaScript，利用JavaScript來呼叫Android中的方法（執行一些跳轉的操作等等）。首先你必須有一個HTML或者是一個地址，或者是存到本地的一個檔案。我這裡使用的是存到本

android WebView載入URL不顯示圖片

WebSettings settings = mWebView.getSettings(); settings.setJavaScriptEnabled(true);//

Android webview 載入https:// 網站時不展示圖片資源

可能原因是：該圖片資源不是https的；解決辦法： if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { webSettings.setMixedContentMode(WebSetti

Android TextView使用HTML處理字型樣式、顯示圖片等

學Android的時候突然想到一個問題：怎麼用TextView控制元件顯示帶有格式的文字，可否使用Html佈局？查了下Android 幫助文件，其提供了android.text.Html類和Html.ImageGetter、Html.TagHandler介

Android: WebView載入網頁的幾種方式及網路異常處理

1.載入本地assert目錄下檔案（error.html） webcontent.loadUrl（" file:///android_asset/error.html "）; 2.載入網路url（http://www.csdn.com） webcontent.loadUrl（" http://www.csd

android WebView載入html 處理的圖片過寬的工具類 (過寬的控制到100%,正常尺寸的不放大)

相關推薦