Dois-je intégrer du CSS en ligne ou référencer un fichier CSS à partir d'actifs pour styliser du HTML dans une WebView ?

Style HTML dans une WebView avec des ressources CSS personnalisées

Question :

Dans une application utilisant JSoup pour analyser le HTML une WebView mobile, il est souhaitable de supprimer les éléments indésirables et d'appliquer un style personnalisé via CSS. La question est : est-il préférable d'intégrer le CSS en ligne dans le HTML ou de référencer un fichier CSS à partir d'actifs ?

Réponse :

Référencer un fichier CSS à partir d'actifs est la méthode préférée pour styliser du HTML dans un WebView.

Solution :

Pour utiliser un fichier CSS à partir d'assets :

1. Créez un fichier CSS et placez-le dans le dossier "assets "répertoire de votre application.
2. Utilisez WebView.loadDataWithBaseURL pour charger le code HTML avec le fichier CSS référencé. Par exemple :

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

Cette approche vous permet de mettre facilement à jour le CSS sans modifier le HTML, et garantit que le CSS est chargé et appliqué après l'analyse du HTML.

Alternative (Inlining CSS) :

Bien qu'il soit possible d'injecter du CSS dans le HTML pendant que vous le traitez, ceci La méthode est moins souhaitable car elle nécessite une logique de traitement supplémentaire et peut être sujette à des erreurs.

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!