Android WebView에서 CSS를 사용하여 맞춤 HTML 콘텐츠를 가장 잘 표시하는 방법은 무엇입니까?

WebView에 사용자 정의 HTML 콘텐츠 표시

질문:

애플리케이션은 JSoup을 사용하여 다음을 수행합니다. 메시지 보드 스레드에서 HTML 데이터를 가져옵니다. 목표는 사용자 정의 CSS를 사용하여 WebView에서 이 HTML을 렌더링하여 모바일 장치의 모양을 최적화하는 것입니다. CSS를 HTML 데이터에 직접 삽입하거나 앱 자산에서 별도의 CSS 파일을 활용하는 두 가지 접근 방식이 고려되고 있습니다.

답변:

webview.loadDataWithBaseURL은 편리한 기본 URL을 지정하고 로컬 자산에 대한 참조를 사용하여 데이터를 로드할 수 있도록 하여 솔루션을 제공합니다. 이 접근 방식을 사용하면 CSS를 수동으로 삽입할 필요가 없고 프로세스가 단순화됩니다.

구현:

1. HTML 데이터에 대한 사용자 정의 CSS 파일 경로가 있는 태그:

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

2. HTML 데이터를 WebView에 로드하고 기본 URL을 로컬 자산 디렉토리 및 적절한 MIME으로 지정합니다. 유형:

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

참고:

HTML 데이터가 자산 디렉터리에서 로드되는 경우 기본 URL을 지정할 필요가 없습니다. 이 방법을 사용하면 WebView가 자산 폴더 내에 있는 CSS 파일에 대한 상대 링크를 확인할 수 있습니다.

위 내용은 Android WebView에서 CSS를 사용하여 맞춤 HTML 콘텐츠를 가장 잘 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!