JavaFX WebView概述，很强大，内置了类似Electron的功能

您所在的位置：网站首页 › java嵌入html › JavaFX WebView概述，很强大，内置了类似Electron的功能

JavaFX WebView概述，很强大，内置了类似Electron的功能

2023-12-13 10:50| 来源: 网络整理| 查看: 265

来自 Murali Billa

JavaFX技术人员的主要成员

在此博客中，我们将研究JavaFX如何渲染网页以及负责该网页的组件-即WebView

JavaFX是：

用于创建和交付可在多种设备上运行的桌面应用程序以及富Internet应用程序（RIA）的软件平台。图形和媒体包集，使开发人员能够设计，创建，测试，调试和部署可在各种平台上一致运行的富客户端应用程序。

JavaFX的主要功能：

WebView：一个Web组件，使用WebKit HTML技术可以将网页嵌入JavaFX应用程序中。在WebView中运行的JavaScript可以调用Java API，而Java API可以调用在WebView中运行的JavaScript。JavaFX中已添加了对其他HTML5功能的支持，包括Web套接字，Web Worker和Web字体，以及打印功能。

JavaFX WebView：

JavaFX WebView 是一个微型浏览器（也称为嵌入式浏览器），它通过JavaFX 应用程序中的API提供Web查看器和完整的浏览功能。该浏览器基于 WebKit，这是一个开源Web浏览器引擎，支持HTML5，JavaScript，CSS，DOM渲染和SVG图形。WebView类是Node类的扩展。嵌入式浏览器继承了Node类的所有字段和方法，因此具有其所有功能。它封装了一个WebEngine对象，将HTML内容合并到应用程序的场景中，并提供了应用效果和转换的属性和方法。在WebView对象上调用的getEngine（）方法将返回与其关联的Web引擎。构成嵌入式浏览器的类位于javafx.scene.web包中。WebView 使开发人员可以在其Java应用程序中实现以下功能：从本地或远程URL呈现HTML内容支持历史记录并提供前进和后退导航重新加载内容将效果应用于Web组件编辑HTML内容执行JavaScript命令从JavaScript执行向上调用到JavaFX处理事件除了支持CSS3和ecmascript6（ES6），WebView组件还支持以下HTML5功能：DOM3帆布媒体播放表单控件（除外）可编辑的内容历史维护支持，，和标签SVG网络插座网络工作者支持以本国语言编写的域名

下图描述了嵌入式浏览器的体系结构及其与其他JavaFX类的关系：

网络引擎：

是一种非可视对象，能够一次管理一个网页通过其API提供基本的网页功能。它支持用户交互，例如导航链接和提交HTML表单，尽管它不直接与用户交互。它加载网页，创建其文档模型，根据需要应用样式并在页面上运行JavaScript。它提供对当前页面的文档模型的访问，并实现Java应用程序和页面的JavaScript代码之间的双向通信。它包装一个WebPage对象，该对象提供与本机Webkit核心的交互。

WebView和WebEngine类之间的关系：

用于在JavaFX WebView中加载内容的代码段：

创建WebView，WebEngine对象并通过远程URL加载：

2.加载静态HTML内容：

3.从本地文件加载HTML内容：

4. 要在LoadWorker的帮助下跟踪加载进度：

加载始终发生在后台线程上。计划后台作业后，立即返回启动加载的方法。要跟踪进度和/或取消作业，我们可以使用getLoadWorker（）方法中可用的 Worker实例。以下示例在成功完成加载时更改阶段标题：

5. 访问文档模型

WebEngine对象为其网页创建和管理文档对象模型（DOM）。可以使用Java DOM Core类访问和修改模型。getDocument（）方法提供对模型根目录的访问。此外，还支持DOM事件规范，以Java代码定义事件处理程序。以下示例将Java事件侦听器附加到网页的元素。单击该元素将导致应用程序退出：

6. 从JavaFX调用Javascript ：

WebView加载网站后，可以使用executeScript（java.lang.String）方法在当前页面的上下文中执行任意JavaScript代码。

7.将 JavaScript值映射到Java对象：

JavaScript值使用显而易见的Java类表示：null变为Java null；布尔值变为java.lang.Boolean; 字符串变成java.lang.String。如果结果是JavaScript对象，则将其包装为JSObject类的实例。JSObject类是一个代理，可提供对其基础JavaScript对象的方法和属性的访问。最常用的JSObject方法是getMember（读取命名属性），setMember（设置或定义属性）和call（调用函数值属性）。DOM节点映射到既扩展JSObject又实现适当的DOM接口的对象。要获取Node的JSObject对象，只需执行强制转换：

JSObject jdoc =（JSObject）webEngine.getDocument（）;

8.将Java对象映射到JavaScript值：

JSObject方法setMember和call的参数将Java对象传递给JavaScript环境。这大致与上述JavaScript到Java的映射相反：Java String，Number或Boolean对象被转换为显而易见的JavaScript值。JSObject对象将转换为原始包装的JavaScript对象。否则，将创建一个JavaRuntimeObject。这是一个JavaScript对象，充当Java对象的代理，因为访问JavaRuntimeObject的属性将导致访问具有相同名称的Java字段或方法。

JDK中的Webkit升级：

WebView Webkit引擎基于Apple Safari端口（https://trac.webkit.org/）。iOS，GTK，WinCairo，EFL等也使用此端口。我们遵循Webkit GTK的发布周期，并将在6个月内对Webkit进行一次升级（https://trac.webkit.org/wiki/WebKitGTK/StableRelease）升级Webkit的目的是使安全漏洞修补程序除具有新功能之外并遵循最新标准。

接下来的几篇博客将介绍JavaFX WebView架构和Webkit引擎的内部细节。

参考文献：

https://docs.oracle.com/javase/8/javafx/api/javafx/scene/web/WebEngine.htmlhttps://o7planning.org/zh/11151/javafx-webview-and-webengine-tutorial

【本文地址】

JavaFX WebView概述，很强大，内置了类似Electron的功能

JavaFX WebView概述，很强大，内置了类似Electron的功能

今日新闻

推荐新闻