Внедрение моста Javascript в WebView

Вот очищенная версия, минимизирующая ненужный код. Это работает на эмуляторах API уровня 18 и 23 (и на моем телефоне 6.0.1). WebView никогда не добавляется в иерархию представлений. В тосте отображается HTML-код, который все равно был извлечен с сайта. Скомпилировано с использованием API 25 с использованием Java 8.

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = new WebView(getApplicationContext());

        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebChromeClient(new WebChromeClient());

        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(final WebView view, String url) {
                webView.loadUrl("javascript: void AndroidHook.showToast(document.getElementsByTagName('body')[0].innerHTML);");
            }
        });

        webView.addJavascriptInterface(new JSInterface(), "AndroidHook");
        webView.loadUrl("http://example.com");
    }

    public class JSInterface {
        @JavascriptInterface
        public void showToast(final String html) {

            MainActivity.this.runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    Toast.makeText(MainActivity.this, "Reached JS: " + html, Toast.LENGTH_LONG).show();
                }
            });
        }
    }
}

Вот макет.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    tools:context="com.foo.jsinjectiontest.MainActivity">

</RelativeLayout>

И, наконец, манифест.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.foo.jsinjectiontest">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

    <uses-permission android:name="android.permission.INTERNET"/>

</manifest>

Пожалуйста, попробуйте это, он вызывает функцию javascript и также показывает всплывающее сообщение.

public class Main3Activity extends AppCompatActivity {
     WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main3);
        webView = new WebView(getApplicationContext());
        webView.getSettings().setJavaScriptEnabled(true);

        webView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                webView.setVisibility(View.GONE);

            }
            @Override
            public void onPageFinished(final WebView view, String url) {
                Log.e("checking", "MYmsg");
                webView.loadUrl("javascript:(function() { " +
                        "document.body.innerHTML = '<p>test<p>';" + "})()");
                webView.loadUrl("javascript: window.CallToAnAndroidFunction.setVisible()");



            }
        });
        webView.setVisibility(View.INVISIBLE);
        webView.addJavascriptInterface(new myJavaScriptInterface(), "CallToAnAndroidFunction");
        webView.loadUrl("https://example.com");
    }
    public class myJavaScriptInterface {
        @JavascriptInterface
        public void setVisible() {

            Handler handler = new Handler();
            Runnable runnable = new Runnable() {
                @Override
                public void run() {

                    Main3Activity.this.runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            webView.setVisibility(View.VISIBLE);
                            Log.e("Testing", "no");
                            Toast.makeText(Main3Activity.this, "Reached JS", Toast.LENGTH_LONG).show();

                        }
                    });


                }
            };handler.postDelayed(runnable,2000);

        }}
}

Он не будет отображать webView в пользовательском интерфейсе, поскольку webview не определен в макете xml.

Пара вещей, которые мне всплывают.

1. Интерфейс JavaScript должен быть прикреплен ПЕРЕД загрузкой любых URL-адресов.

2. Второй loadURL window.onload может быть назначен ПОСЛЕ загрузки исходного URL. Было бы разумнее вызывать setWebViewClient() и вызывать Droid.showToast('testing!'); изнутри метода onPageFinished.

3. @JavascriptInterface не запускается в основном потоке пользовательского интерфейса, что останавливает запуск ваших тостов.

4. Проблема с неработающим innerHTML кодом вашего второго редактирования связана с пунктом 2. Вы выполняете свои вызовы в синхронном единичном блоке, тогда как это должно быть ПОСЛЕ загрузки страницы dom AKA onPageFinished()

webview.addJavascriptInterface(new jsInterface(), "Droid"); должен прийти до webview.loadUrl("https://example.com");

Затем используйте прослушиватель Webview. onFinish () .. затем введите свой webview.loadUrl("javascript: window.onload=function(){ Droid.showToast('testing!'); }"); в метод onFinish

Я уже делаю тонны инъекций веб-просмотра, изменяющих сеть .. я думаю, что это должно работать ..

ИЗМЕНИТЬ
используйте chrome://inspect/#devices для проверки вашего приложения при загрузке веб-просмотра

Как насчет использования onProgressChanged() в WebChromeClient?

Я изменил код с Edit 3 на этот,

webView.setWebChromeClient(new WebChromeClient(){
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            super.onProgressChanged(view, newProgress);
            if(newProgress == 100){
                webView.loadUrl("javascript: void window.CallToAnAndroidFunction.setVisible(document.getElementsByTagName('body')[0].innerHTML);");
            }
        }
    });

Изменение заключается в том, что вы вызываете javascript, когда progress==100 вместо onPageFinished()