回到顶部
您的当前位置: 编程语言> JAVA> JAVA项目> JavaFX
JavaFX使用WebView时JS调试解决方案
2017-09-13 09:26:39
标签: 原创 JavaFX WebView JS调试 解决方案
问题:使用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>
面板截图