为何android的webview运行不了javascript?

最新推荐文章于 2023-04-25 17:12:01 发布

原创最新推荐文章于 2023-04-25 17:12:01 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

Javascript 同时被 2 个专栏收录

18 篇文章

订阅专栏

Android

14 篇文章

订阅专栏

本文详细探讨了在使用WebView加载JavaScript时遇到的四大挑战：WebSettings配置、页面加载、异步操作和控制台输出。通过解决这些问题，读者将能够熟练地在WebView中实现JavaScript交互。

据说 webView.loadUrl("javascript:alert('hello')"); 就可以在调用js。但实际上常常不成功。为什么？

1）第一个坎：WebSettings

      WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);

2) 第二个坎：有物

在运行脚本前，要有document对象，至少得load一个空白页

webView.loadData(“”,"text/html","UTF-8");

3）第三个坎：异步

如果这么写是没戏的，因为第一个还没执行完呢

webView.loadData(“”,"text/html","UTF-8");

webView.loadUrl("javascript:alert('hello')");

解决这个问题。可以1）从界面按钮调用 2)延时调用。 3）在onPageFinished中调用

    mWebView.setWebViewClient(new MyWebViewClient());

private class MyWebViewClient extends WebViewClient {
        @Override
        public void onPageFinished(WebView webView, String url) {
            webView.loadUrl("javascript:"+script);
        }
    }

4）第四个坎：console/alert

以上三点完成后，js已经可以执行，可是为什么看不到console.log和alert呢？因为这2个要额外实现

mWebView.setWebChromeClient(new MyWebChromeClient());     //optional, for show console and alert

private class MyWebChromeClient extends WebChromeClient {
        @Override
        public boolean onConsoleMessage(ConsoleMessage cm) {
            Log.d("test", cm.message() + " -- From line "
                    + cm.lineNumber() + " of "
                    + cm.sourceId() );
            return true;
        }

        @Override
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
            Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
            return true;
        }
    }