Android 的 WebView 中的 JavascriptInterface : multiple calls to JS cause deadlock

Question

这是我使用过的全部 Java 代码。我将在下面更详细地解释...

public class Test7 extends Activity {
    //debug
    private final static String TAG = "JSInterface";

    private WebView wv;

    private class JSInterface {
        private WebView wv;

        // Variables to manage interfacing with JS
        private String returnValue;
        private boolean canReadReturnValue;
        private Lock lockOnJS;
        private Condition condVarOnJS;

        public JSInterface (WebView wv) {
            this.wv = wv;       
            this.canReadReturnValue = false;
            this.lockOnJS = new ReentrantLock();
            this.condVarOnJS = lockOnJS.newCondition();
        }

        public void setReturnValue(String ret) {
            lockOnJS.lock();
            returnValue = ret;
            canReadReturnValue = true;
            condVarOnJS.signal();
            lockOnJS.unlock();
            Log.d(TAG, "returnValue = " + returnValue);
        }

        public String getReturnValue() {
            Log.d(TAG, "enter in getReturnValue");
            lockOnJS.lock();
            while (!canReadReturnValue) {
                try {
                    Log.d(TAG, "get wait...");
                    condVarOnJS.await();
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }

            }
            lockOnJS.unlock();
            Log.d(TAG, "returnValue: " + returnValue);
            return returnValue;
        }

        public String getNewString() {
            wv.loadUrl("javascript:JSInterface.setReturnValue(createNewString())");         
            return getReturnValue();
        }
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        wv = (WebView) findViewById(R.id.webView1);
        wv.getSettings().setJavaScriptEnabled(true);
        wv.addJavascriptInterface(new JSInterface(wv), "JSInterface");
        wv.loadUrl("file:///android_asset/prova7.html");
    }

    public void button1(View v) {
        wv.loadUrl("javascript:func('1')");
    }
}

而且看起来工作正常。

你可以看到我有一个按钮(我们可以称之为button1)，点击它，它会尝试执行一个JS方法，叫做func().

public void button1(View v) {
    wv.loadUrl("javascript:func('1')");
}

在这个 JS 方法中，我必须调用另一个 Java 方法。这是代码:

function func(id) {
    document.getElementById(id).innerHTML = JSInterface.getNewString();
}

我需要将 JSInterface.getNewString() 的结果返回给 innerHTML 变量。

JSInterface.getNewString()的代码是这样的:

public String getNewString() {
    wv.loadUrl("javascript:JSInterface.setReturnValue(createNewString())");         
    return getReturnValue();
}

你可以看到我使用方法setReturnValue和getReturnValue来返回另一个JS方法返回的值。这是代码:

function createNewString() {
    return "my New String";
}

问题是，当我尝试设置 returnValue 时，函数 createNewString 永远不会执行!如果我添加 console.log() 行，我的 logCat 什么都不显示!

我不明白为什么会这样。

Answer 1

所有 javascript 和从 javascript 调用的 JSInterface 方法都在 Android WebView 中的单线程上运行。因此，当您在 condVarOnJS.await() 中等待时，无法执行任何 javascript，因为它是在同一线程上执行的。

此外，您应用程序中的所有 webview 实例共享同一个 javascript 线程。