JavaFX WebView 中的 HTML/Javascript 调试 [英] Html/Javascript debugging in JavaFX WebView

问题描述

有什么方法可以调试在 Javafx WebView 中执行的 javascript 和 html?类似于 Firebug 或 Chrome 的开发者控制台?

Are there any ways to debug javascript and html that is executed within a Javafx WebView? Something similar to Firebug or Chrome's developer console?

我有一个应用程序可以在 Firefox 和 Chrome 中正常呈现，但无法在 WebView 中正确呈现.这真的可以是任何数量的事情，但如果没有一些调试工具，我不知道如何追查根本原因.

I have an application that renders fine in Firefox and Chrome, but does not render correctly inside a WebView. It really could be any number of things, but without some debugging tools I don't know how to track down the root cause.

谢谢.

推荐答案

以下是一些 Java 代码，可在不修改目标页面的 html 的情况下在 JavaFX WebView 中使用 Firebug Lite.

Here is some Java code to make use of Firebug Lite in a JavaFX WebView without modifying the html of the target page.

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 按钮或您希望的任何其他机制来触发代码.

You can trigger the code using a JavaFX Button or any other mechanism you wish.

这篇关于JavaFX WebView 中的 HTML/Javascript 调试的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！