将自定义点击事件绑定到Chrome控制台上

Question

Chrome控制台非常好，我正在使用它作为我的应用程序的开发环境。

我想定制它进一步为我的具体用例。例如，与在控制台中单击DOM元素的JavaScript对象版本时相同的方式，DOM元素会自动检查，我想在主页面中触发自定义函数。

这可能吗？

谢谢。

Answer 1

Chrome DevTools API没有公开任何允许您修改我理解的扩展模块中控制台模块的行为的任何内容。

如果你需要一个特定的行为只为你自己，你可以分叉存储库和周围的代码。

我花了一点时间作为一项学习任务进行调查。我通过在非停靠模式下打开DevTools，然后打开另一个实例来检查DevTools代码。我在代码中找到了处理控制台模块的click事件的区域。

1. 在当前页面中，我创建了一个包含两个DOM元素的对象，以便您可以看到悬停将检查元素并单击元素选项卡中的实际选择元素。

控制台模块中的功能_messageClicked在一些阶段中一个click事件之后调用。我在那里放了一个断点，因为我在代码中发现了click - 我最好猜测，因为我根本不知道代码库。

走出这个功能后，我们发现mouseClicked也处理它的检查模块，以及reveal函数被调用是假想的地方实际上是检查逻辑。

你可能可能在这个函数调用之前添加你自己的逻辑来调用被检查窗口中的函数。检查员模块具有对chrome.devtools.inspectedWindow的引用。

如果你能得到的东西在这里工作，坏处是你不会有任何新功能或更新为Chrome DevTools，所以它真的只是DevTools的局部修改。如果你能够添加一个不是特定于你自己的代码的更通用的功能，你可以尝试在Chromium Projects网站上建议它，并可能提出拉请求。

这似乎有点工作会涉及任何一种方式。