Google chrome extension 如何在Chrome扩展中修改devtools面板下的内容？

我正在谷歌扩展上工作，在那里我向开发者工具添加了新的面板，它似乎对我来说工作得很好。但是我不知道如何通过JavaScript修改面板的内容

---

有人能告诉我吗？

在面板中显示内容并不难。首先，我假设您已经创建了以下基本扩展（包括

manifest.json

、

devtools.html

和

devtools.js

）

devtools.html

至少包含

当用于创建面板时，可以指定回调。此回调接收类型为的参数。此对象定义

onShown

和

onHidden

事件侦听器。
事件侦听器接收一个附加参数：对面板的

窗口的引用。现在，你可以做任何你想做的事

例如，当用户第一次打开devtools面板时，向面板添加一些文本：

chrome.devtools.panels.create("devtools Test", "/icon.png", "/panel.html",
  function(extensionPanel) {
    var runOnce = false;
    extensionPanel.onShown.addListener(function(panelWindow) {
        if (runOnce) return;
        runOnce = true;
        // Do something, eg appending the text "Hello!" to the devtools panel
        panelWindow.document.body.appendChild(document.createTextNode('Hello!'));
    });
});

不适合我。可能是我没听懂。实际上我想从网络请求中读取标题并在面板中显示内容。。。非常感谢，罗布。Listener onShown不适用于我，因为我尝试在创建函数调用之外进行。