Sollte ich CSS inline einbetten oder eine CSS-Datei aus Assets referenzieren, um HTML in einer WebView zu gestalten?

HTML in einer WebView mit benutzerdefinierten CSS-Assets gestalten

Frage:

In einer App, die JSoup zum Parsen von HTML verwendet Bei einem mobilen WebView ist es wünschenswert, unerwünschte Elemente zu entfernen und benutzerdefiniertes Styling über CSS anzuwenden. Die Frage ist, ist es besser, CSS inline in den HTML-Code einzubetten oder eine CSS-Datei aus Assets zu referenzieren?

Antwort:

Das Referenzieren einer CSS-Datei aus Assets ist die bevorzugte Methode zum Gestalten von HTML in einer WebView.

Lösung:

Zu Verwenden Sie eine CSS-Datei aus Assets:

1. Erstellen Sie eine CSS-Datei und legen Sie sie im Verzeichnis „assets“ Ihrer App ab.
2. Verwenden Sie WebView.loadDataWithBaseURL, um den HTML-Code mit dem CSS zu laden Datei referenziert. Zum Beispiel:

// Assume "/assets/style.css" is the CSS file in the assets directory
String htmlData = "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />";
webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

Dieser Ansatz ermöglicht es Ihnen, das CSS einfach zu aktualisieren, ohne den HTML-Code zu ändern, und stellt sicher, dass das CSS geladen und angewendet wird, nachdem der HTML-Code analysiert wurde.

Alternative (Inlining-CSS):

Während es möglich ist, CSS in den HTML-Code einzufügen, während Sie ihn verarbeiten, ist dies der Fall Methode ist weniger wünschenswert, da sie zusätzliche Verarbeitungslogik erfordert und fehleranfällig sein kann.

Das obige ist der detaillierte Inhalt vonSollte ich CSS inline einbetten oder eine CSS-Datei aus Assets referenzieren, um HTML in einer WebView zu gestalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!