Java使用WebView实现桌面程序的技术指南

2025-05-12 10:02 开发作者： Mcband

1、简述

在现代软件开发中，许多应用需要在桌面程序中嵌入 Web 页面。例如，你可能需要在 Java 桌面应用中嵌入一部分 Web 前端，或者加载一个 html5 界面以增强用户体验。JavaFX 提供了 WebView 组件，使开发者可以轻松地在 Java 应用程序中加载和显示 Web 页面。

本博客将介绍 JavaFX WebView&编程客栈nbsp;的基本用法，并提供一个完整的示例，演示如何加载网页并与 JavaScript 交互。

2、WebView 特点

WebView 是 JavaFX 提供的一个嵌入式浏览器组件，它基于 WebKit 渲染引擎，支持 HTML、css 和 JavaScript，适用于在 Java 应用中显示 Web 内容。它的主要特点包括：

支持加载本地或远程 HTML 页面
允许 Java 与 JavaScript 互相调用
提供完整的网页渲染能力
适用于 JavaFX 桌面应用

3、搭建 WebView 示例

3.1 添加 JavaFX 依赖

如果你使用 Maven，需要在 pom.XML 文件中添加 JavaFX 依赖：

<dependencies>
    <dependency>
        <groupId>org.openjfx</groupId>
        <artifactId>javafx-controls</artifactId>
        <version>17</version>
    </dependency>
    <dependency>
        <groupId>org.openjfx</groupId>
        <artifactId>javafx-web</artifactId>
        <version>17</version>
    </dependency>
</dependencies>

3.2 编写 WebView 示例代码

下面的 Java 代码演示了如何使用 WebView 加载网页，并提供了简单的 JavaScript 交互功能。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.vbox;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.St编程客栈age;

public class WebViewDemo extends Application {

    @Override
    public void start(Stage primaryStage) {
        // 创建 WebView
        WebView webView = new WebView();
        WebEngine webEngine = webView.getEngine();

        // 加载网页，可以是本地文件或在线网页
        webEngine.load("https://www.baidu.com");

        // 创建一个 JavaFX 窗口
        VBox root = new VBox(webView);
        Scene scene = new Scene(root, 800, 600);

        primaryStage.setTitle("Java WebView 示例");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

3.3 运行效果

运行上面的代码后，会弹出一个 JavaFX 窗口，并在其中加载指定的 Web 页面。

Java使用WebView实现桌面程序的技术指南

4、实现 Java 和 JavaScript 交互

4.1 在 Java 中调用 JavaScript

我们可以通过 WebEngine 执行 JavaScript 代码，例如：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
imjsport javafx.scene.control.Button;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class WebViewJavaScriptDemo extends Application {

    @Override
    public void start(Stage primaryStage) {
        WebView webView = new WebView();
        WebEngine webEngine = webView.getEngine();
        webEngine.loadContent("<html><body><h2>Java 与 JavaScript 交互</h2></body></html>");

        // 处理 JavaScript alert 弹窗
        webEngine.setOnAlert(event -> {
            Alert alert = new Alert(Alert.AlertType.INFORMATION);
            alert.setTitle("JavaScript Alert");
            alert.setHeaderText(null);
            alert.setContentText(event.getData());
            alert.showAndwait();
        });

        // 创建按钮，点击后触发 Java 调用 JavaScript
        Button button = new Button("调用 JavaScript");
        button.setOnAction(event -> webEngine.executeScript("alert('Java 调用 JavaScript!');"));


        VBox root = new VBox(webView, button);
        Scene scene = new Scene(root, 800, 600);

        primaryStage.setTitle("JavaFX WebView JavaScript 交互");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

点击按钮后，会弹出 JavaScript alert 弹窗。

4.2 在 JavaScript 中调用 Java 方法

你可以让 JavaScript 调用 Java 方法，例如：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import netscape.javascript.jsObject;

public class JavaScriptToJavaDemo extends Application {
    public static class JavaBridge {
        public void showMessage(String message) {
            System.out.println("JavaScript 调用 Java: " + message);
        }
    }

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

        webEngine.load("file:///E:\\lk\\springboot-example\\lm-javafx\\www.devze.comsrc\\main\\resources\\html\\activity.html");

        // 绑定 Java 对象到 JavaScript
        JSObject window = (JSObject) webEngine.executeScript("window");
        window.setMember("javaBridge", new JavaBridge());

        VBox root = new VBox(webView);
        Scene scene = new Scene(root, 800, 600);

        primaryStage.setTitle("JavaScript 调用 Java 示例");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

在resource目录创建一个html目录，存放当前交互的html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<h2>JavaScript 调用 Java</h2>
<button onclick=js"javaBridge.showMessage('Hello from JavaScript!')">点击调用 Java 方法</button>
</body>
<script>
    function callJava() {
        javaBridge.showMessage("JavaScript 触发 Java 方法!");
    }
</script>
</html>

在 HTML 页面中点击按钮后，JavaScript 会调用 Java 的 showMessage 方法，并在控制台打印消息：

JavaScript 调用 Java: Hello from JavaScript!
JavaScript 调用 Java: Hello from JavaScript!
JavaScript 调用 Java: Hello from JavaScript

5、打包为可执行文件（.exe）

可以使用 jpackage 将 JavaFX 应用打包为可执行文件（.exe）：

jpackage --name WebViewApp --input . --main-jar WebViewDemo.jar --main-class WebViewDemo --type exe

这样就可以将 Java WebView 应用打包为 Windows 可执行文件。

6、总结

在本博客中，我们介绍了如何在 JavaFX 中使用 WebView 加载网页，并实现 Java 与 JavaScript 之间的交互。核心内容包括：

在 Java 中嵌入 WebView 并加载网页
Java 调用 JavaScript 代码
JavaScript 调用 Java 方法
将 Java WebView 应用打包成 .exe

通过 WebView，可以轻松地在 Java 桌面应用中嵌入 Web 技术，从而结合 Web 和 Java 的优势来开发强大的桌面应用。

以上就是Java使用WebView实现桌面程序的技术指南的详细内容，更多关于Java WebView桌面程序的资料请关注编程客栈(www.devze.com)其它相关文章！

继续阅读：Java WebView Java WebView桌面 Java WebView桌面程序

Java使用WebView实现桌面程序的技术指南

目录

1、简述

2、WebView 特点

3、搭建 WebView 示例

3.1 添加 JavaFX 依赖

3.2 编写 WebView 示例代码

3.3 运行效果

4、实现 Java 和 JavaScript 交互

4.1 在 Java 中调用 JavaScript

4.2 在 JavaScript 中调用 Java 方法

5、打包为可执行文件（.exe）

6、总结

更多精彩内容

精彩评论

最新开发

基于Go语言实现Base62编码的三种方式以及对比分析

Go语言打包优化之减小二进制文件体积的多种方法

Go语言中select使用详解

C#特性(Attributes)和反射(Reflection)详解

C#窗体中Control以及Invalidate,Update,Refresh三种重绘方法的区别及说明

开发排行榜

springboot后端存储富文本内容的思路与步骤(含图片内容)

PyCharm运行python测试,报错“没有发现测试”/“空套件”的解决

return base64.b64encode(b).decode(

基于C语言实现钻石棋游戏的示例代码

Sublime Text 3解决中文乱码问题（实测可用）