问题:使用JavaFX编写一个Java桌面程序,UI使用的WebView显示,由于JavaFX不能直接查看html元素以及断点调试,比较麻烦。
开始的时候调试是为WebView控件添加alert事件监听进行debug,但这样还是比较麻烦,然后想到了firebug lite
,于是拿来测试。
// alert事件用于debug webEngine.setOnAlert((WebEvent<String> wEvent) -> { System.out.println("JS alert() message: " + wEvent.getData()); });
方案:webview加载的html页面,引入firebug lite
firebug lite 官网:https://getfirebug.com/releases/lite/1.2/
<!-- 在线引入 --> <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script> <!-- 离线引入 --> <script language="javascript" type="text/javascript" src="/path/to/firebug/firebug-lite.js"></script> <!-- firebug配置 --> <script type="text/javascript"> <!-- firebug面板高度 --> firebug.env.height = 500; <!-- firebug面板样式 --> firebug.env.css = "/myown/firebug.css" </script>
面板截图