javascript - 在 WebView 中加载 HTML 文件后执行 JavaScript 指令

Question

我实现了一个 Android 程序，它将 HTML 文件加载到 WebView 中，HTML 文件加载 Leaflet.js，根据您提供的提供程序显示不同样式的 map 。

我使用以下指令在 OnCreate() 方法中加载页面:

myWebView.loadUrl("file:///android_asset/test.html");

之后，我需要从添加到 WebView 的处理程序(类名为 JavascriptInterface.java)获取不同映射的列表，如下所示:

myWebView.addJavascriptInterface(new JavaScriptInterface(this, myWebView), "MyHandler");

最终的代码需要如下所示:

myWebView.loadUrl("file:///android_asset/test.html");
myWebView.loadUrl("javascript:window.MyHandler.getMaps()");

问题在于第一个 loadUrl() 不够快，因此第二个 loadUrl 在 map 初始化之前就进入，导致很多问题。

我发现的临时且可怕的解决方案是在执行第二个 loadUrl 之前将其保留 1 秒钟，如下所示:

myWebView.loadUrl("file:///android_asset/test.html");

Handler handler = new Handler();
handler.postDelayed(new Runnable() {
    public void run() {
        // Actions to do after 1 second
        myWebView.loadUrl("javascript:window.MyHandler.getMaps()");
    }
}, 1000);

有更好的方法来执行一条指令又一条指令吗？我已经尝试过使用 ASyncTask，但有可能我没有很好地实现它。

Answer 1

请调用 myWebView.loadUrl("javascript:window.MyHandler.getMaps()");在 Webview onPageFinished 事件中。

     myWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
               Log.d("WebView", "onPageStarted " + url);
            }
            @Override
            public void onPageFinished(WebView view, String url) {
               myWebView.loadUrl("javascript:window.MyHandler.getMaps()");
            }
        });
     myWebView.loadUrl("file:///android_asset/test.html");