【发布时间】：2017-06-13 16:14:53
【问题描述】：
我目前正在开发一个基于 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>
点击"Send data to Java in endless loop"按钮可以观察到回调变量javaApp的状态。它将不断尝试通过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 表明失败的时间恰好与垃圾收集器被激活的时间一致。这可以通过观察堆内存消耗来看出，它从大约下降。由于 GC，60MB 到 16MB。
那里发生了什么？您知道如何进一步调试该问题吗？我找不到任何相关的已知错误...
非常感谢您的建议！
PS：当包含 Javascript 代码以通过 Leaflet 显示世界地图时，该问题的重现速度要快得多（参见 [1]）。大多数时候加载或移动地图会立即导致 GC 完成其工作。在调试这个原始问题时，我将问题追溯到此处提供的最小示例。
【问题讨论】：
-
我在 jdk 1.8.0_121 上遇到了同样的问题。然后我意识到它可以与另一台运行 jdk 1.8.0_60 的电脑一起使用。切换到1.8.0_60，问题解决了。
-
@AliAyadJalil：回退到旧版本并不总是可取的，甚至是不可能的。 :-/
标签： javascript java javafx webview garbage-collection