Java使用WebView实现桌面程序的技术指南
更新时间：2025年05月11日 15:54:55 作者：Mcband
在现代软件开发中,许多应用需要在桌面程序中嵌入 Web 页面,例如,你可能需要在 Java 桌面应用中嵌入一部分 Web 前端,或者加载一个 HTML5 界面以增强用户体验,所以本文给大家介绍了Java使用WebView实现桌面程序的技术指南,需要的朋友可以参考下
1、简述
在现代软件开发中，许多应用需要在桌面程序中嵌入 Web 页面。例如，你可能需要在 Java 桌面应用中嵌入一部分 Web 前端，或者加载一个 HTML5 界面以增强用户体验。JavaFX 提供了 WebView 组件，使开发者可以轻松地在 Java 应用程序中加载和显示 Web 页面。
本博客将介绍 JavaFX WebView 的基本用法，并提供一个完整的示例，演示如何加载网页并与 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.Stage;
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 页面。
4、实现 Java 和 JavaScript 交互
4.1 在 Java 中调用 JavaScript
我们可以通过 WebEngine 执行 JavaScript 代码，例如：
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Alert;
import 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\\src\\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="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桌面程序的资料请关注脚本之家其它相关文章！
相关文章
SpringBoot整合redis+Aop防止重复提交的实现
Spring Boot通过AOP可以实现防止表单重复提交，本文主要介绍了SpringBoot整合redis+Aop防止重复提交的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了Java多线程Thread类的使用及注意事项，在java标准库中提供了一个Thread类来表示/操作线程，Thread类也可以视为是java标准库提供的API2022-12-12
MyBatis的<foreach>以及java代码的批处理方式
这篇文章主要介绍了MyBatis的<foreach>以及java代码的批处理方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
本文详细介绍了如何在SpringBoot项目中整合Flowable进行工作流管理,包括依赖引入、流程部署与启动、表结构、流程挂起和激活以及任务分配等关键操作,具有一定的参考价值,感兴趣的可以了解一下2024-09-09
这篇文章主要介绍了mybatis批量更新与插入方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
idea创建SpringBoot自动创建Lombok无效果的问题解决方案
这篇文章主要介绍了idea创建SpringBoot自动创建Lombok无效果的问题解决方案,感兴趣的朋友跟随小编一起看看吧2024-12-12
这篇文章主要为大家介绍了java开发中代码写的快且bug少的原因分析及技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要为大家详细介绍了基于RecyclerChart实现KLine绘制的相关资料，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-03-03
这篇文章主要介绍了java.util.ArrayDeque类使用方法，java.util.ArrayDeque类提供了可调整大小的阵列，并实现了Deque接口，感兴趣的小伙伴们可以参考一下2016-03-03
关于Mybatis-Plus字段策略与数据库自动更新时间的一些问题
这篇文章主要介绍了关于Mybatis-Plus字段策略与数据库自动更新时间的一些问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
最新评论