Bagaimana untuk Menyuntik CSS Tersuai ke dalam Laman Web Menggunakan WebView dalam 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>

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>

3. Muatkan Tapak Web:

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

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>

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!