android - 将 webview 页面和 javascript 加载到页面时显示加载图标

Question

我有一个加载外部网站的 webView。目前我有以下将在页面完成加载时显示加载图标：

webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return false;
            }
            public void onPageStarted(WebView view, String url, Bitmap favicon)
            {
                super.onPageStarted(view, url, favicon);
                progressBar.setVisibility(View.VISIBLE);
            }
            public void onPageFinished(WebView view, String url) {
                // TODO Auto-generated method stub
                super.onPageFinished(view, url);
                progressBar.setVisibility(View.GONE);
                if (webView.canGoBack()){
                    left.setImageResource(R.drawable.ic_arrowleft);
                }else{
                    left.setImageResource(R.drawable.ic_arrowleft_gray);
                }
                if (webView.canGoForward()){
                    right.setImageResource(R.drawable.ic_arrowright);
                }else{
                    right.setImageResource(R.drawable.ic_arrowright_gray);
                }

            }
        });  

这很好用，但是在同一个活动中，用户可以按下一个按钮，该按钮会将一些 javascript 加载到当前加载的网页中。我需要的是在加载 javascript 时显示进度图标。

private OnClickListener OnClick_script = new OnClickListener() {
        public void onClick(View v) {
            webView.loadUrl("javascript: function .....);
        }
    };

Answer 1

您可以使用此处演示的 javascript WebAppInterface 来实现您想要的。

主要概念是，您创建一个 javascript 界面

private class ShowProgressInterface {
    ProgressBar progressBar;


    ShowProgressInterface(ProgressBar progressBar) {
        this.progressBar = progressBar;
    }

    @JavascriptInterface
    public void showProgress() {
        progressBar.setVisibility(View.VISIBLE);
    }

    @JavascriptInterface
    public void hideProgress() {
        progressBar.setVisibility(View.GONE);
    }
}

将接口添加到您的 webView

webView.addJavascriptInterface(new ShowProgressInterface(progressBar), "ProgressInterface");

最后在你的javascript函数中你可以调用

ProgressInterface.showProgress();

和

ProgressInterface.showProgress();