Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menyuntik CSS Tersuai ke dalam Laman Web Menggunakan WebView dalam Android?

Bagaimana untuk Menyuntik CSS Tersuai ke dalam Laman Web Menggunakan WebView dalam Android?

Susan Sarandon
Lepaskan: 2024-11-01 06:21:31
asal
193 orang telah melayarinya

How to Inject Custom CSS into a Website Using WebView in Android?

Suntikan CSS ke dalam Laman Web Menggunakan WebView dalam Android

Tidak dapat menyuntik CSS terus ke tapak web yang dipaparkan melalui WebView, anda boleh memanipulasi DOM halaman menggunakan JavaScript. Begini caranya:

1. Dayakan JavaScript dalam WebView:

<code class="java">webView.getSettings().setJavaScriptEnabled(true);</code>
Salin selepas log masuk

2. Tambah WebViewClient:

<code class="java">webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        // Inject CSS when page is done loading
        injectCSS();
        super.onPageFinished(view, url);
    }
});</code>
Salin selepas log masuk

3. Muatkan Tapak Web:

<code class="java">webView.loadUrl("https://www.google.com");</code>
Salin selepas log masuk

4. Suntikan CSS menggunakan JavaScript:

<code class="java">private void injectCSS() {
    try {
        InputStream inputStream = getAssets().open("style.css");
        byte[] buffer = new byte[inputStream.available()];
        inputStream.read(buffer);
        inputStream.close();
        String encoded = Base64.encodeToString(buffer, Base64.NO_WRAP);
        webView.loadUrl("javascript:(function() {" +
                "var parent = document.getElementsByTagName('head').item(0);" +
                "var style = document.createElement('style');" +
                "style.type = 'text/css';" +
                // Decode the CSS from BASE64
                "style.innerHTML = window.atob('" + encoded + "');" +
                "parent.appendChild(style)" +
                "})()");
    } catch (Exception e) {
        e.printStackTrace();
    }
}</code>
Salin selepas log masuk

Nota:

  • Fail style.css hendaklah berada dalam folder aset projek anda.
  • Kaedah webView.loadUrl() mesti dipanggil selepas panggilan balik onPageFinished(), kerana menyuntik CSS sebelum halaman dimuatkan tidak akan memberi kesan.

Atas ialah kandungan terperinci Bagaimana untuk Menyuntik CSS Tersuai ke dalam Laman Web Menggunakan WebView dalam Android?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan