用于在桌面应用程序中操作 html/Javascript DOM 元素的 Java API？

Question

H: 下给出了现有的 HTML 元素：

https://developer.mozilla.org/de/docs/Web/API

此处显示了可用的 JAVA API 类：

https://xerces.apache.org/xerces2-j/javadocs/api/org/w3c/dom/Element.html

不幸的是，org.w3c.dom 包遗漏了一些更具体的元素，例如 HTMLCanvasElement。

我正在寻找一些更高级的 Java API，至少支持 HTMLCanvasElements（完整的 WEP API 支持会很棒）。

---

到目前为止我发现了什么：

A.对于javafx-d3 项目，我使用JavaFx WebView 来控制Java 中的一些JavaScript。 Java 和 JavaScript 之间的通信是基于 netscape.javascript.JSObject 的，原则上可以正常工作：

我能够将我从 JavaScript 世界获得的 JSObject 转换为 org.w3c.dom.Element ... 并使用它的 Java 方法来操作 DOM。

如果我想“更深入”，例如控制一个 HTMLCanvasElement，我必须基于 JSObject 编写自己的包装器。这是可能的，但感觉就像在重新发明轮子。

---

B. Google GWT 似乎提供了一些包装类，例如

com.google.gwt.dom.client.CanvasElement 为HTMLCanvasElement

但是我没有设法将 netscape.javascript.JSObject 转换为 GWT 包装类（从 com.google.gwt.core.client.JavaScriptObject 开始）。

如果可能的话，有人可以提供一个例子吗？

有人知道如何让下面的虚拟示例运行吗？

package main;

import elemental.client.Browser;
import elemental.html.AudioContext;
import elemental.html.AudioParam;
import elemental.html.Oscillator;
import elemental.html.Window;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.Region;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class GwtElementDemo extends Application {

    private Scene scene;

    private Region browser;

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

    @Override
    public void start(Stage stage) {

        //set state title
        stage.setTitle("JavaFx demo");  


        browser = new Region();

         Window window = Browser.getWindow();
            AudioContext audioContext = window.newAudioContext();
            Oscillator osc = audioContext.createOscillator();
            osc.setType(Oscillator.SQUARE);
            osc.connect((AudioParam) audioContext.getDestination(), 0);
            osc.getFrequency().setValue(440.0f);
            osc.noteOn(0);

        //create the scene
        scene = new Scene(browser, 750, 500, Color.web("#666970"));
        stage.setScene(scene);
        stage.show();

    }   

}

GWT elemental 的 maven 依赖项：

<dependency>
         <groupId>com.google.gwt</groupId>
         <artifactId>gwt-elemental</artifactId>
          <version>2.8.0</version>
</dependency>

---

或者您知道用于 DOM 操作的替代/高级 JAVA API（即构建在 JSObject 层次结构上）？

Answer 1

是的，有一个，非常接近您已经找到的。它被称为 GWT 元素。虽然是 GWT，但它真的是直接在 DOM 上，非常完整，真的很像直接在 DOM 上的如履薄冰。我正在使用它在 https://github.com/nielsbaloe/vertxui 编写一个 100% java 100% 异步框架 VertxUI。

Answer 2

我是您在 cmets 中提到的尝试将 Elemental 移植到 JavaFx 的人。我用它制作了一个名为 Animation Companion 的小应用程序，但它并不是那么好。 JavaFx 提供的 WebKit 引擎缺少很多功能，并且将大量数据从 Java 移动到 JavaScript 并返回非常慢。 JavaFx 人重写了 WebKit 以依赖 JavaFx 进行渲染，有时会出现一点不匹配，如果你太用力推动 UI 会导致事情崩溃或耗尽资源。此外，Elemental 本身有点过时，有很多 WebKit 特定的功能、缺失的功能和其他错误。

我的 github 上的测试 JavaFx 代码要求您首先构建元素。我不完全记得如何做到这一点。我认为您只需进入基本目录并在那里运行ant，然后您会在某处获得gwt-elemental.jar 文件输出，您可以将测试链接到该位置。我暂时在 http://www.user00.com/gwt-elemental.jar 放置了一个预构建版本。您还需要来自 GWT 2.7 的 gwt-user.jar 的一些文件。我暂时在 http://www.user00.com/gwt-user-pruned.jar 上提供了这些文件。从那里，您可以使用以下内容启动网页：

Stage stage = ...

// Create the WebView
BorderPane border = new BorderPane();
WebView webView = new WebView();
final WebEngine engine = webView.getEngine();
border.setCenter(webView);

Scene scene = new Scene(border);
stage.setScene(scene);
stage.show();

// Redirect the alert handler to send output to stderr
engine.setOnAlert(new EventHandler<WebEvent<String>>() {
   @Override
   public void handle(WebEvent<String> msg) {
      System.err.println(msg.getData());
   }});

// Start up the Gwt module when the page has finished loading. Grab the window
// and document objects and stash them somewhere for use later.
engine.getLoadWorker().stateProperty().addListener(
      new ChangeListener<Worker.State>() {
         @Override
         public void changed(ObservableValue<? extends State> ov,
               State oldState, State newState) {
            if (newState == Worker.State.SUCCEEDED) {
               Window win = (Window)GwtFxBridge.wrapJs(engine.executeScript("window"));

               // The web page is loaded, and you have the global window
               // JS object, so you can start your UI now
             }
         }
      });

// Load the main Gwt application web page
try {
   engine.load(new File("ui/index.html").toURI().toURL().toExternalForm());
} 
catch(MalformedURLException e)
{
   throw new IllegalArgumentException("Misconfiguration error. Cannot find empty web page", e);
}

我真的不建议走这条路。对它的支持还不够，您必须非常了解您的 JavaScript 和 Java 才能调试您将面临的问题。我认为颠倒事物更有意义。运行 nw.js 以将 JavaScript 作为驱动应用程序的主要 VM 运行，然后在需要执行 Java 操作时调用 Java。您甚至可以使用 GWT 从 Java 代码生成 JavaScript。