JavaFX WebView中的Html/Javascript调试

Question

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

我有一个应用程序在Firefox和Chrome中渲染得很好,但在WebView中无法正确呈现.它可能是任何数量的东西,但没有一些调试工具,我不知道如何追查根本原因.

谢谢.

Answer 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 Button或任何其他机制触发代码.

Answer 2

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

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

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

该示例打开WebView并启用WebSocket Servlet.当你运行javaFXWebKitDebugger.jar时,打开Chrome浏览器并加载:dev工具url

Answer 3

您可以尝试使用Firebug Lite,它可以合并到任何Web浏览器中.请参阅http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/