JavaFX WebView 中的 Html/Javascript 调试

javascript debugging javafx java webview

2022-09-01 14:06:12

有没有办法调试在Javafx WebView中执行的javascript和html？类似于Firebug或Chrome的开发人员控制台？

我有一个应用程序，在Firefox和Chrome中渲染得很好，但在WebView中无法正确渲染。它真的可以是任何数量的东西，但是如果没有一些调试工具，我不知道如何找到根本原因。

谢谢。

答案 1

以下是一些Java代码，用于在JavaFX WebView中使用Firebug Lite，而无需修改目标页面的html。

webView.getEngine().executeScript("if (!document.getElementById('FirebugLite')){E = document['createElement' + 'NS'] && document.documentElement.namespaceURI;E = E ? document['createElement' + 'NS'](E, 'script') : document['createElement']('script');E['setAttribute']('id', 'FirebugLite');E['setAttribute']('src', 'https://getfirebug.com/' + 'firebug-lite.js' + '#startOpened');E['setAttribute']('FirebugLite', '4');(document['getElementsByTagName']('head')[0] || document['getElementsByTagName']('body')[0]).appendChild(E);E = new Image;E['setAttribute']('src', 'https://getfirebug.com/' + '#startOpened');}");

您可以使用 JavaFX 按钮或所需的任何其他机制来触发代码。

答案 2

我正在使用chrome DevTools和safari Web Inspector调试JavaFx WebView。

我创建了最小的项目来帮助人们使用DevTools进行调试。在 GitHub 上获取它。你可以在那里找到：

runnable javaFXWebKitDebugger.jar
创建的javaFXWebKitDebugger的源代码.jar

该示例将打开 WebView 并启用 WebSocket Servlet。当您运行javaFXWebKitDebugger时.jar打开Chrome浏览器并加载：开发工具网址