垃圾回收后Javascript的JavaFx WebView回调失败

乐正迪

2023-03-14

问题内容：

我目前正在使用基于JavaFX的应用程序，用户可以在其中与世界地图上标记的地点进行交互。为此，我使用的方法类似于[http://captaincasa.blogspot.de/2014/01/javafx-
and-osm-openstreetmap.html（1 ]）中描述的方法。

但是，我面临着一个难以调试的问题，该问题与使用WebEngine的setMember（）方法注入到嵌入式HTML页面的Javascript回调变量有关（另请参见[https://docs.oracle.com/javase/8/javafx
/embedded-browser-tutorial/js-
javafx.htm（2 ]），以获取正式教程）。

当运行程序一段时间后，回调变量会意外地失去其状态！为了演示这种行为，我开发了一个最小的工作/失败示例。我在Windows
10计算机上使用64位的jdk1.8.0_121。

JavaFx应用程序如下所示：

import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;

import javafx.application.Application;
import javafx.concurrent.Worker.State;
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import netscape.javascript.JSObject;

public class WebViewJsCallbackTest extends Application {

    private static final DateFormat DATE_FORMAT = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");

    public static void main(String[] args) {
        launch(args);
    }

    public class JavaScriptBridge {
        public void callback(String data) {
            System.out.println("callback retrieved: " + data);
        }
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        WebView webView = new WebView();
        primaryStage.setScene(new Scene(new AnchorPane(webView)));
        primaryStage.show();

        final WebEngine webEngine = webView.getEngine();
        webEngine.load(getClass().getClassLoader().getResource("page.html").toExternalForm());

        webEngine.getLoadWorker().stateProperty().addListener((observableValue, oldValue, newValue) -> {
            if (newValue == State.SUCCEEDED) {
                JSObject window = (JSObject) webEngine.executeScript("window");
                window.setMember("javaApp", new JavaScriptBridge());
            }
        });

        webEngine.setOnAlert(event -> {
            System.out.println(DATE_FORMAT.format(new Date()) + " alerted: " + event.getData());
        });
    }

}

HTML文件“ page.html”如下所示：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!-- use for in-browser debugging -->
<!-- <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> -->
<script type="text/javascript">
    var javaApp = null;

    function javaCallback(data) {           
        try {
            alert("javaApp=" + javaApp + "(type=" + typeof javaApp + "), data=" + data);
            javaApp.callback(data);
        } catch (e) {
            alert("caugt exception: " + e);
        }
    }
</script>
</head>
<body>
    <button onclick="javaCallback('Test')">Send data to Java</button>
    <button onclick="setInterval(function(){ javaCallback('Test'); }, 1000)">Send data to Java in endless loop</button>
</body>
</html>

javaApp可以通过单击"Send data to Java in endless loop"按钮来观察回调变量的状态。它将继续尝试通过运行回调方法javaApp.callback，该方法在Java应用程序中生成一些日志记录消息。警报被用作附加的通讯渠道来备份事件（似乎一直有效，并且目前用作解决方法，但这并不是事情的原意……）。

如果一切都按预期工作，则每次打印类似以下几行的记录：

callback retrieved: Test
2017/01/27 21:26:11 alerted: javaApp=webviewtests.WebViewJsCallbackTest$JavaScriptBridge@51fac693(type=object), data=Test

但是，过了一会儿（从2到7分钟的任何时间），就不会再检索到任何回调，而只会打印类似以下行的日志：

2017/01/27 21:32:01 alerted: javaApp=undefined(type=object), data=Test

现在，打印变量将提供'undefined'而不是Java实例路径。一个奇怪的发现是的状态javaApp不是真正的“未定义”。使用typeof收益object，javaApp === undefined计算结果为false。这符合以下事实：回调调用不会引发异常（否则，"caugt exception: "将打印以开头的警报）。

使用Java
VisualVM显示，故障时间恰巧与垃圾回收器被激活的时间一致。可以通过观察堆内存消耗来看出这一点，该消耗量从大约3％下降到2％。由于GC，从60MB到16MB。

那里发生了什么？您是否知道如何进一步调试该问题？我找不到任何相关的已知错误…

非常感谢您的建议！

PS：包含Javascript代码以通过Leaflet显示世界地图时，该问题的重现速度更快（参见[1]）。大多数情况下，加载或移动地图会立即导致GC完成其工作。在调试此原始问题时，我将问题追溯到此处介绍的最小示例。

问题答案：

我通过bridge在Java中创建一个实例变量来解决该问题，该实例变量保存通过JavaScriptBridge发送给Javascript
的实例setMember()。这样，可以防止实例的垃圾回收。

垃圾回收后Javascript的JavaFx WebView回调失败

相关阅读

相关文章

相关问答

相关工具

相关文档