ホームページ > ウェブフロントエンド > CSSチュートリアル > Android WebView で CSS を使用してカスタム HTML コンテンツを最適に表示するにはどうすればよいですか?

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

Linda Hamilton
リリース: 2024-11-29 12:37:10
オリジナル
759 人が閲覧しました

How to Best Display Custom HTML Content with CSS in an Android WebView?

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

質問:

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

回答:

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

実装:

  1. を連結します。 HTML データへのカスタム CSS ファイル パスを含むタグ:
  1. ベース URL をローカル アセット ディレクトリとして指定し、適切な MIME を指定して、HTML データを WebView にロードします。 type:

注:

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

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート