WebView で HTML のスタイルを設定するには、CSS インラインを埋め込むか、アセットから CSS ファイルを参照する必要がありますか?

カスタム CSS アセットを使用した WebView での HTML のスタイリング

質問:

JSoup を使用して HTML を解析するアプリ内モバイル WebView では、不要な要素を削除し、CSS 経由でカスタム スタイルを適用することが望ましいです。質問は、CSS を HTML 内にインラインで埋め込む方が良いか、それともアセットから CSS ファイルを参照する方が良いかということです。

答え:

アセットから CSS ファイルを参照するのは、 HTML のスタイルを設定するための推奨方法WebView.

解決策:

アセットから CSS ファイルを使用するには:

1. CSS ファイルを作成し、「assets」に配置します。アプリの " ディレクトリ。
2. WebView.loadDataWithBaseURL を使用して、HTML をロードします。 CSSファイルを参照しました。例:

// 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);

このアプローチにより、HTML を変更せずに CSS を簡単に更新でき、HTML が解析された後に CSS が読み込まれて適用されることが保証されます。

代替 (CSS のインライン化):

可能な限りHTML を処理するときに CSS を HTML に挿入する方法ですが、追加の処理ロジックが必要であり、エラーが発生しやすいため、この方法はあまり望ましくありません。

以上がWebView で HTML のスタイルを設定するには、CSS インラインを埋め込むか、アセットから CSS ファイルを参照する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。