Heim >Web-Frontend >CSS-Tutorial >Wie zeige ich benutzerdefinierten HTML-Inhalt am besten mit CSS in einem Android-WebView an?

Wie zeige ich benutzerdefinierten HTML-Inhalt am besten mit CSS in einem Android-WebView an?

Linda Hamilton
Linda HamiltonOriginal
2024-11-29 12:37:10792Durchsuche

How to Best Display Custom HTML Content with CSS in an Android WebView?

Anzeigen von benutzerdefiniertem HTML-Inhalt in einer WebView

Frage:

Eine Anwendung verwendet JSoup, um HTML-Daten aus einem Message-Board-Thread abrufen. Das Ziel besteht darin, diesen HTML-Code in einem WebView mit benutzerdefiniertem CSS darzustellen, um sein Erscheinungsbild für mobile Geräte zu optimieren. Es werden zwei Ansätze in Betracht gezogen: das Einfügen von CSS direkt in die HTML-Daten oder die Verwendung einer separaten CSS-Datei aus den Assets der App.

Antwort:

webview.loadDataWithBaseURL bietet eine praktische Lösung Lösung, indem Sie eine Basis-URL angeben und Daten mit Verweisen auf lokale Assets laden können. Dieser Ansatz macht eine manuelle CSS-Injektion überflüssig und vereinfacht den Prozess.

Implementierung:

  1. Verketten Sie den Tag mit dem benutzerdefinierten CSS-Dateipfad zu den HTML-Daten:
htmlData = "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />" + htmlData;
  1. Laden Sie die HTML-Daten in die WebView und geben Sie dabei die Basis-URL als lokales Asset-Verzeichnis und den entsprechenden MIME-Typ an:
webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

Hinweis:

Wenn die HTML-Daten aus dem geladen werden Im Assets-Verzeichnis ist die Angabe einer Basis-URL nicht erforderlich. Mit dieser Methode kann WebView relative Links zu CSS-Dateien auflösen, die sich im Assets-Ordner befinden.

Das obige ist der detaillierte Inhalt vonWie zeige ich benutzerdefinierten HTML-Inhalt am besten mit CSS in einem Android-WebView an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn