在 Chrome 开发工具中调试在 Karaf 中部署的 Hawtio 插件（AngularJS 应用程序）

【问题标题】：Debugging in Chrome Dev Tools a Hawtio plugin (AngularJS app) deployed in Karaf在 Chrome 开发工具中调试在 Karaf 中部署的 Hawtio 插件（AngularJS 应用程序）
【发布时间】：2014-12-12 15:00:02
【问题描述】：

我正在运行一个 AngularJS 项目作为 Hawtio 插件，它被部署在 Karaf（作为 JBoss Fuse ESB 的子组件）中，作为放置在 Fuse 部署文件夹中的打包战争。当我尝试在 Chrome 开发工具中调试时，我无法调试（设置监视、断点等）我的 JavaScript 源代码，因为这些在 Sources 选项卡中不可见。此外，我的源文件中的console.logs 不会出现在 Chrome 开发工具的控制台以及 Hawtio 控制台中。

有人知道怎么做吗？

谢谢。

【问题讨论】：

标签： angularjs google-chrome-devtools apache-karaf jbossfuse hawtio

【解决方案1】：

因此，对于日志记录，请在您的插件中创建一个 Logger 实例：

var log = Logging.Logger.get("MyPlugin");
log.debug("Yay, I've got a logger!");

虽然console.log 通常被上面捕获。如果您在控制台中看不到任何日志，您可能需要在首选项中将 hawtio 的日志记录设置为“调试”。

很难使用外部插件处理断点，因为动态加载的脚本在 chrome 中的处理方式不同，但是您可以通过以下方式手动设置断点：

debugger;

在您的 .js 文件中，请参阅 Set a javascript breakpoint in code - in chrome?

【讨论】：