如何在 webview 的显示页面中注入 js 代码？

Question

假设我在 webview 中加载了谷歌页面，然后我搜索了一些东西，

所以页面发生了变化，并且在这个页面中有一个文本，我想在我的 android 应用程序中使用下面的代码在 textView 中获取它

    webview.loadUrl("javascript:api.getSessionID(document.querySelector(bla bla bla)");

class JSInterface {
        @JavascriptInterface

        public void getSessionID(String id) {

            Toast.makeText(context,id, Toast.LENGTH_LONG).show();
        }

如何在 webview 中显示的页面中注入这个 js，而不是在 webview 中首先加载的页面中，即谷歌搜索页面

Google 只是一个例子，当用户登录帐户时，我试图在 sharedPreferences 中保存会话 ID，这是第二页

注意：我的完整代码中有所有必要的代码，以便注入 js 并从中获取字符串

注意2：如果我重新加载页面，我将退出

感谢任何帮助！

Answer 1

你的 WebView 首先，我们必须告诉 WebView 启用 JavaScript 执行：

webview.getSettings().setJavaScriptEnabled(true);

那么我们必须设置 WebViewClient 才能接收 onPageFinished 事件。

webView.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPag`enter code here`eFinished(view, url);
        webView.loadUrl(
            "javascript:(function() { " +
                "var element = document.getElementById('hplogo');"
                + "element.parentNode.removeChild(element);" +
            "})()");
    }
});

Answer 2

要实现这一点，您可以将 javascript 评估为，

webview.evaluateJavascript("Your JS here which will return session id",
                    html1 -> Log.i("HTML", html1));//session id will be printed

另外，请确保您已启用 java 脚本以在 webview webView.getSettings().setJavaScriptEnabled(true); 中运行

编辑

第二种方法， 如果您想实现一个接口，该接口将在您的网页中提供回调做更改，

if (typeof YourListener != 'undefined')//check if yourlistner is undefined
                yourListener.onTextChange('theReturnValue');
            });

在上面的代码中，接口是从网页调用的，就像我们在 android 中一样。只需在“theReturnValue”处应用 JS，您需要从网页返回所需的值。

然后将该界面添加到webview中，

webview.addJavascriptInterface(new WebAppInterface(getActivity(), webview), "YourListener");

另外，添加接口为，

public class WebAppInterface {

    Context mContext;
    WebView mView;

    /**
     * Instantiate the interface and set the context
     */
    WebAppInterface(Context c, WebView w) {
        mContext = c;
        mView = w;
    }

    /**
     * Show a toast from the web page
     */
    @JavascriptInterface
    public void onTextChange(String html) {
        //you will get the callback text here
    }
}