Android WebView で CSS を使用してカスタム HTML コンテンツを最適に表示するにはどうすればよいですか?

WebView でのカスタム HTML コンテンツの表示

質問:

アプリケーションは JSoup を利用して、掲示板のスレッドから HTML データを取得します。目標は、この HTML をカスタム CSS を使用して WebView でレンダリングし、モバイル デバイス向けに外観を最適化することです。 CSS を HTML データに直接挿入するか、アプリのアセットから別の CSS ファイルを利用するという 2 つのアプローチが検討されています。

回答:

webview.loadDataWithBaseURL は便利なベース URL を指定し、ローカル アセットへの参照を含むデータをロードできるようにすることで、ソリューションを実現します。このアプローチにより、手動で CSS を挿入する必要がなくなり、プロセスが簡素化されます。

実装:

1. を連結します。 HTML データへのカスタム CSS ファイル パスを含むタグ:

2. ベース URL をローカル アセット ディレクトリとして指定し、適切な MIME を指定して、HTML データを WebView にロードします。 type:

注:

HTML データがアセット ディレクトリからロードされる場合、ベース URL を指定する必要はありません。このメソッドにより、WebView はアセット フォルダー内にある CSS ファイルへの相対リンクを解決できます。

以上がAndroid WebView で CSS を使用してカスタム HTML コンテンツを最適に表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。