在loadworker成功之前触发javaFX webview window.onload

王渊

2023-03-14

问题内容：

我在应用程序中使用JavaFX Webview。使用以下代码，我在页面加载后设置了一个成员

webEngine.getLoadWorker().stateProperty().addListener(new ChangeListener<Worker.State>() {
    @Override
    public void changed(ObservableValue ov, Worker.State oldState, Worker.State newState) {
        if (newState == Worker.State.SUCCEEDED) {
            JSObject window = (JSObject) webEngine.executeScript("window");
            window.setMember("mymember", new JavaScriptBridge(this));
        }
    }
});

现在在javascript中，mymember.doSomething()当我按下按钮并成功执行时，我可以调用例如被调用，但是如果我将以下代码添加到html中，

<script>
function startup() {
    mymember.doSomething();
}
window.onload=startup;
</script>

页面加载后不会自动执行。好像window.onload在LoadWorker被通知之前就已执行。因此mymember尚未设置。但是，另一方面，我无法mymember 在加载html之前进行设置，对吗？

我需要设置执行时间mymember时知道什么window.onload吗？

谢谢！

问题答案：

对于这个问题的答案也许为时已晚，但是在回答了这个问题之后，我一直在寻找一个原因executeScript，以便在完全加载网页之后必须调用该原因。

所以我做了这个测试：

    public class EarlyWebEngineTest extends Application {

    @Override
    public void start(Stage stage) {
        final WebView webView = new WebView();
        final WebEngine webEngine = webView.getEngine();

        // Early call of executeScript to get a JavaScript object, a proxy for the 
        // Java object to be accessed on the JavaScript environment
        JSObject window = (JSObject) webEngine.executeScript("window");
        window.setMember("app", new JavaApplication());

        webEngine.getLoadWorker().stateProperty().addListener((ov,oldState,newState)->{
            if(newState==State.SCHEDULED){
                System.out.println("state: scheduled");
            } else if(newState==State.RUNNING){
                System.out.println("state: running");
            } else if(newState==State.SUCCEEDED){
                System.out.println("state: succeeded");
            }
        });

        Button button=new Button("Load Content");
        button.setOnAction(e->webEngine.loadContent("<html>"
                + " <script>function initialize() {"
                + " var nameVar = \"This is a JS var\"; " 
                + " app.callJavascript(nameVar);"
                + "} </script>"
                + "    <body onLoad=\"initialize()\">Hi, this is a test!</body>"
                + "</html>"));

        VBox vbox = new VBox(10,button,webView);
        Scene scene = new Scene(vbox,400,300);

        stage.setScene(scene);
        stage.show();

    }

    public class JavaApplication {

        public void callJavascript(String msg){
            System.out.println("JS>> "+msg);
        }
    }

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

}

在单击按钮之前，不会加载内容，但是我们已经在浏览器上创建了JavaScript对象。

单击按钮之前，输出控制台上没有任何内容。但是，如果我们单击按钮…，这是输出：

state: scheduled
state: running
JS>> This is a JS var
state: succeeded

如我们所见，Java对象在执行脚本之前已被有效地传递给脚本，并app.callJavascript在加载内容时被成功调用。

请注意，出于访问已加载的DOM的通用目的，仍然建议使用通常的executeScriptafter调用State.SUCCEEDED方法。

在loadworker成功之前触发javaFX webview window.onload

相关阅读

相关文章

相关问答

相关工具

相关文档