Comment afficher au mieux le contenu HTML personnalisé avec CSS dans une WebView Android ?

Affichage de contenu HTML personnalisé dans une WebView

Question :

Une application utilise JSoup pour récupérer des données HTML à partir d'un fil de discussion. L'objectif est de restituer ce HTML dans une WebView avec un CSS personnalisé pour optimiser son apparence pour les appareils mobiles. Deux approches sont envisagées : injecter du CSS directement dans les données HTML ou utiliser un fichier CSS distinct des ressources de l'application.

Réponse :

webview.loadDataWithBaseURL fournit une solution pratique. solution en vous permettant de spécifier une URL de base et de charger des données avec des références aux actifs locaux. Cette approche élimine le besoin d'injection CSS manuelle et simplifie le processus.

Mise en œuvre :

1. Concaténer le balisez avec le chemin du fichier CSS personnalisé vers les données HTML :

htmlData = "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />" + htmlData;

2. Chargez les données HTML dans WebView, en spécifiant l'URL de base comme répertoire d'actifs local et le type MIME approprié :

webView.loadDataWithBaseURL("file:///android_asset/", htmlData, "text/html", "UTF-8", null);

Remarque :

Si les données HTML sont chargées à partir du répertoire d’actifs, il n’est pas nécessaire de spécifier une URL de base. Cette méthode permet à WebView de résoudre les liens relatifs vers les fichiers CSS situés dans le dossier des actifs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!