我目前正在开发一个基于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机器上使用了jdk1.8.0_121 64位版本。
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>
点击“在无限循环中向Java发送数据”按钮，可以观察回调变量javaApp的状态。通过javaApp.callback不断尝试运行回调方法，并在Java应用程序中产生一些日志消息。警报被用作附加通信渠道来备份事情（似乎总是有效并且目前被用作解决方法，但这不是事情的本意……）。
如果一切正常运行，每次都应打印类似以下行的日志：
callback retrieved: Test
2017/01/27 21:26:11 alerted: javaApp=webviewtests.WebViewJsCallbackTest$JavaScriptBridge@51fac693(type=object), data=Test
``` 2017/01/27 21:32:01 alerted: javaApp=undefined(type=object), data=Test ```
现在打印变量会返回`'undefined'`，而不是Java实例路径。一个奇怪的观察结果是，
javaApp的状态并不真正“未定义”。使用typeof返回object，javaApp === undefined评估为false。这符合回调调用不抛出异常的事实（否则，将打印以“caught exception：”开头的警报）。使用Java VisualVM显示故障时间恰好与启动垃圾收集器的时间重合。可以通过观察堆内存消耗来看到这一点，由于GC，堆内存从约60MB下降到16MB左右。发生了什么？你有任何想法如何进一步调试此问题吗？我找不到任何相关的已知错误......
非常感谢您的建议！
PS：当包含JavaScript代码以通过Leaflet显示世界地图时（参见[1]），该问题更快地复现。加载或移动地图大多数情况下立即导致GC开始工作。在调试此原始问题时，我将问题追踪到了此处提供的最小示例。