Bagaimana untuk Memaparkan Kandungan HTML Tersuai Terbaik dengan CSS dalam Paparan Web Android?

Memaparkan Kandungan HTML Tersuai dalam WebView

Soalan:

Sebuah aplikasi menggunakan JSoup untuk ambil data HTML daripada urutan papan mesej. Matlamatnya ialah untuk menjadikan HTML ini dalam WebView dengan CSS tersuai untuk mengoptimumkan penampilannya untuk peranti mudah alih. Dua pendekatan sedang dipertimbangkan: menyuntik CSS terus ke dalam data HTML atau menggunakan fail CSS yang berasingan daripada aset apl.

Jawapan:

webview.loadDataWithBaseURL menyediakan kemudahan penyelesaian dengan membenarkan anda menentukan URL asas dan memuatkan data dengan rujukan kepada aset tempatan. Pendekatan ini menghapuskan keperluan untuk suntikan CSS manual dan memudahkan proses.

Pelaksanaan:

1. Sambungkan teg dengan laluan fail CSS tersuai ke data HTML:

htmlData = "<link rel='\"stylesheet\"' type='\"text/css\"' href="%5C%22style.css%5C%22">" + htmlData;

2. Muatkan data HTML ke dalam WebView, menentukan URL asas sebagai direktori aset setempat dan jenis MIME yang sesuai:

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

Nota:

Jika data HTML ialah dimuatkan daripada direktori aset, menentukan URL asas tidak diperlukan. Kaedah ini membenarkan WebView menyelesaikan pautan relatif kepada fail CSS yang terdapat dalam folder aset.

Atas ialah kandungan terperinci Bagaimana untuk Memaparkan Kandungan HTML Tersuai Terbaik dengan CSS dalam Paparan Web Android?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!