如何在页面JS的devtools页面上执行回调？

Question

我正在尝试为我们开发的JS SDK编写Chrome devtools扩展程序。这个SDK有一个API addEventListener（事件不是DOM事件），我想用它来显示我在devtools面板中发布的所有事件。

基本上我希望能够在我的devtools页面脚本中包含以下代码：

chrome.devtools.inspectedWindow.eval(
            "mySDKonTheContentPage", function(result, isException){
                mySDK =result;
                mySDK.addEventListener("myEvent", function(){
                   doSomethingInDevtoolsUI();
               });
            });

由于内容脚本没有对页面的JS对象进行访问（对吗？），我真的不知道从哪里开始。

Answer 1

在页面上的脚本中，您可以使用window.postMessage将数据发送到内容脚本。从那里，您可以通过后台页面在内容脚本和DevTools面板之间建立通信。

请参阅： Messaging from Injected Scripts to the DevTools Page和Messaging from Content Scripts to the DevTools Page，以获取文档中的示例。