google-chrome - chrome devtools 侧边栏 Pane ，设置多标题对象

Question

在开发 Chrome 扩展期间，在创建多标题侧边栏 Pane 时遇到了困难。

根据手册setObject设置对象为侧边栏内容，但仅限单个标题:

sidebar.setObject({ some: 'qwe' }, 'title');

结果如下:

但我的目标是设置对象以满足以下要求:

我尝试使用多个setObject，但是，正如我所料，它不会附加数据，而是会覆盖它。我了解 setPage 以及通过 JS 设置此类对象的能力，但我对使用纯 chrome API 的解决方案感兴趣工具

Answer 1

无法使用 setObject为此目的，因为它总是删除以前的对象(在第 307 行)，如您的测试中所示。因此，只有一个对象具有一个 header /标题部分。

如果你查看 eventListener Sidebar Pane 的来源您可以看到它正在构建一个页面而不是使用 setObject，利用扩展无法使用的函数，并自行构建此树(因此实际上没有一个干净的构建器这种 View 类型可以公开。但是，如果您不需要过滤器 View 等，则此类侧边栏页面所需的逻辑在 properties Sidebar Pane 中比 eventListener Sidebar Pane 更容易遵循。)

要获得外观，您可以从通过 setPage 提供的页面的源代码中复制 CSS。