从Chrome扩展程序创建类似于DevTools的子标签

Question

问题

Chrome扩展程序是否可以为Chrome标签添加“子标签”，例如使用Chrome DevTools（Inspect）创建的标签？

背景

我目前正在通过获取包含以下代码的HTML文件div从我的扩展程序向窗口的一侧添加sidebar.html：

<style>
#comment_container {
    float: left;
    width: 30%;
    position: fixed;
    top: 0;
    height: 100%;
    background-color: #aabcff;
    opacity: 0.9;
}
</style>

<div id="comment_container">
    <div>
       <p>...</p>
    </div>
</div>

在一系列函数之后，sidebar.html存储在javascript变量sidebar中。然后我打电话给

$( "body" ).wrapInner( "<div id='outerDiv'></div>");
$( "#outerDiv" ).width("70%");
$( "body" ).append(sidebar);

这会在窗口侧面附加侧边栏。我想做的是，不要在文档中添加#comment_container，而是创建像Chrome的DevTools（Inspect）这样的“子标签”。