我正在尝试构建chrome devTools扩展（dev工具的扩展）。主要目的是在“Elements”面板下创建一个新的侧边栏，我可以在这里操作Elements面板中的数据。
目标是观察用户在“样式”侧边栏中进行的CSS更改，并在磁盘上的相应文件中反映相同的内容（我知道有一种方法可以使用source-maps概念实现此目的但是我正在尝试这种方式）。
我刚开始编写chrome扩展并试图了解如何实现这一目标。我已经通过chrome devtools扩展文档，tutplus和许多其他网站，其中有关于编写chrome devtools扩展的良好解释。但我仍在试图弄清楚如何在另一个新面板中监视/观察样式侧边栏，并获取修改后的样式信息和相应的文件详细信息。这样我就可以将它保存到相应的物理文件中。
谢谢！
答案 0 :(得分：1)
似乎你不能这样做。
您可以使用ElementsPanel获取代表“元素”面板的chrome.devtools.panels.elements，但它只有一个事件：onSelectionChanged，没有样式边栏窗格。
https://developer.chrome.com/extensions/devtools_panels#type-ElementsPanel