Javascript框架的自定义事件日志记录

Question

想象一下，我有一个Web应用程序，其中包含使用您喜欢的Javascript库编写的漂亮组件。我大量使用自定义事件来减少这些组件之间的依赖关系，这样您就可以轻松地将它们放在多个上下文中，在页面上重复它们，和/或按照我认为合适的方式嵌套它们。

这是一张可爱的图片，但是调试可能非常麻烦，因为我还没有找到一种方法来记录我的自定义事件。理想情况下，我希望能够在我选择的框架中打开日志记录（我目前使用Prototype），然后在DOM中的任何一点或多点获取已触发和观察事件的运行日志。

我一直在与其他F2E讨论这个问题，并尝试了一些方法：

• Visual Event是一个书签，可以很好地可视化事件的绑定位置，但不提供运行时日志。
• Antenna就是这样一个日志，但似乎有点儿错误，需要修改原型库本身，感觉就像一个黑客。

如何获得我想要的自定义日志记录？

Answer 1

您可能使用了一些在Object.prototype中定义的X.fireEvent方法（可能不熟悉您的FW）。 我会调查用你的版本覆盖这个方法的方法，它会做日志的东西。

Answer 2

如果您正在使用Prototype，我会wrap围绕document.fire进行日志记录功能。