如何在android webview中注入javascript界面​​？

Question

I am loading a page in webview in android. The page has an element(button) with the following code, NB:- It is a third party website and I have no control over the code shown here :-

    <i class="icon close cardClose" role="button" title="Close recently linked screen" tabindex="0"></i>

I want to add a javascript interface as in the below method :-

private class myWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            view.addJavascriptInterface(new Object()
            {
                @JavascriptInterface
                public void performClick() throws Exception
                {
                    Toast.makeText(Activity.this, "Login clicked", Toast.LENGTH_LONG).show();
                }
            }, "login");
            return true;
        }
    }


mWebView.setWebViewClient(new myWebViewClient());

But the problem is that webview source code says :-

* @param object the Java object to inject into this WebView's JavaScript
     *               context. Null values are ignored.
     * @param name the name used to expose the object in JavaScript
     */
    public void addJavascriptInterface(Object object, String name) {
        checkThread();
        mProvider.addJavascriptInterface(object, name);
    }

The button doesnot seem to have an attribute named "name". Please throw some insight into the same if some one has knowledge.

Answer 1

I recommed you to use it this way

view.addJavascriptInterface(new JavaScriptInterfaceNew(getActivity(), this), "Android_Normal_Test");

and here JavaScriptInterfaceNew is your class name and Android_Normal_Test will be your object when you need to pass some event from webview to your activity class