如果在WebChromeClient#onCreateWindow的回调中创建了webview，Android WebView addJavascriptInterface 不起作用答案

【问题标题】：Android WebView addJavascriptInterface does not work if the webview is created in the callback of WebChromeClient#onCreateWindow如果在WebChromeClient#onCreateWindow的回调中创建了webview，Android WebView addJavascriptInterface 不起作用
【发布时间】：2014-02-13 09:03:14
【问题描述】：

以下是我的测试代码。我的问题是在第二页中我无法引用 AndroidFunction2。我正在使用 Android 4.4 的 Nexus 7 上对此进行测试。但在装有 Android 4.0 的 sumsang i9100 上还可以。我做错了什么，还是Android的错误？

主活动

public class MainActivity extends Activity {
    WebView mWebView1;
    WebView mWebView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final FrameLayout mainFrame = (FrameLayout) this.findViewById(R.id.mainFrame);

        mWebView1 = new WebView(this);
        mWebView1.getSettings().setJavaScriptEnabled(true);
        mWebView1.getSettings().setSupportMultipleWindows(true);
        mWebView1.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return false;
            }
        });
        mWebView1.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onCreateWindow(WebView view, boolean isDialog,
                    boolean isUserGesture, Message resultMsg) {
                mWebView2 = new WebView(MainActivity.this);
                mWebView2.getSettings().setJavaScriptEnabled(true);
                mWebView2.getSettings().setSupportMultipleWindows(true);
                mWebView2.setWebChromeClient(new WebChromeClient() {
                    @Override
                    public void onConsoleMessage(String message, int lineNumber, String sourceID) {
                        Log.d("WebView", "Line: " + lineNumber + ", " + message);
                    }
                });
                mWebView2.addJavascriptInterface(new Object() {
                    @JavascriptInterface
                    public void hello2() {
                    }
                }, "AndroidFunction2");

                (( WebViewTransport )resultMsg.obj).setWebView(mWebView2);
                resultMsg.sendToTarget();
                mainFrame.addView(mWebView2);
                return true;
            }
        });
        mWebView1.addJavascriptInterface(new Object() {
            @JavascriptInterface
            public void hello1() {
            }
        }, "AndroidFunction1");
        mWebView1.loadUrl("file:///sdcard/test_1.html");

        mainFrame.addView(mWebView1);
    }
}

还有两个网页，

test_1.html：

<html>
<body>
    <a href="test_2.html" target="_blank">goto test 2</a>
    <div><a href="javascript:alert(typeof AndroidFunction1);"> alert(typeof AndroidFunction1);</a> </div>
    <div><a href="javascript:alert(typeof window.AndroidFunction1);"> alert(typeof window.AndroidFunction1);</a> </div>
</body>
</html>

test_2.html

<html>
<body>
    <div><a href="javascript:alert(AndroidFunction2);"> alert(AndroidFunction2);</a> </div>
    <div><a href="javascript:alert(typeof window.AndroidFunction2);"> alert(typeof window.AndroidFunction2);</a> </div>
</body>
</html>

【问题讨论】：

我也遇到了同样的问题，你解决了吗？
@mntgoat 抱歉，我没有。这个问题在我的项目中仍然存在。
@zhang 你有没有发现无论如何要处理内部的'AndroidFunction2'接口。？

标签： android webview

【解决方案1】：

即使我遇到了同样的问题，在再次浏览文档后，我发现如果您已将 targetSdkVersion 设置为 17 or higher，则必须将 @JavascriptInterface 注释添加到您希望可用于您的任何方法中JavaScript（该方法也必须是公共的）。

如果您不提供注释，则在 Android 4.2 或更高版本上运行时，您的网页将无法访问该方法。

以下示例（取自 http://developer.android.com/guide/webapps/webview.html）表明您可以在 Android 应用程序中包含以下类：

public class WebAppInterface {
    Context mContext;

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

    @JavascriptInterface   // must be added for API 17 or higher
    public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

并绑定为

WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");

然后从WebView里面的HTML调用

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
    function showAndroidToast(toast) {
        Android.showToast(toast);
    }
</script>

【讨论】：

今后，不要从其他地方复制没有明确归属的内容。它被视为剽窃。见stackoverflow.com/help/referencing
@Matt 我在第一行“浏览文档”中提到过，这意味着我的答案来自官方文档。我不反对你的观点，但我也无意复制内容。
@Ramswaroop：我接受为参考文档所做的一些努力，但在数据被复制的情况下（就像示例中一样），我们确实需要更清晰归因。
这仅适用于 Main WebView，不适用于从回调方法 onCreateWindow 创建的 webview。也尝试添加@JavascriptInterface。
此解决方案似乎不适用于从 onCreateWindow 方法创建的 webview。我想知道这是如何被接受的答案！！！！