Android webview - JavaScript回调不起作用?

时间:2017-09-24 18:50:46

标签: javascript android html webview hybrid-mobile-app

我正在使用WebView在Android应用程序上显示网页。 https://developer.android.com/guide/webapps/webview.html

点击HTML中的按钮后,我可以成功访问Android类 WebAppInterface (来自示例)并显示" Toast"警告,但尝试回调到我的网页中定义的javacsript函数不起作用。

这是网页的代码:(Android.html)

SecureShell

这是Android应用的MainActivity的代码。它会加载网址并显示它。

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
    function showAndroidToast(toast) {
        if (typeof Android != 'undefined') 
            Android.showToast(toast);       


    }

    function ChangeColor()
    {
        document.body.style.background = 'pink';
    }
</script>

这是Android应用上的WebAppInterface:

public class MainActivity extends AppCompatActivity {

    WebView m_Webview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        m_Webview = (WebView) findViewById(R.id.webview);

        WebSettings webSettings = m_Webview.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);
        m_Webview.setWebViewClient(new WebViewClient());
        m_Webview.loadUrl("android.html");


        WebView webView = (WebView) findViewById(R.id.webview);
        webView.addJavascriptInterface(new WebAppInterface(this,webView), "Android");
    }
}

在显示toast后,未调用JavaScript函数 ChangeColor

有关详细信息,请参阅:https://stackoverflow.com/a/14145116/7751339

谢谢!

1 个答案:

答案 0 :(得分:2)

解决方案是使用“post”函数,如下所示:

public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
      //  WebView Web = new WebView(mContext);
       // mView.getSettings().setUserAgentString("Android WebView");
        mView.post(new Runnable() {
            public void run() {
                mView.loadUrl("javascript:ChangeColor()");
            }
        });
    }

同样在KitKat和转发时,您需要使用 evaluateJavascript

mView.evaluateJavascript("ChangeColor();",null);