我正在尝试构建一个 chrome devTools 扩展(开发工具的扩展)。主要目的是在“元素”面板下创建一个新的侧边栏面板,我可以在其中操作“元素”面板中的数据。
目标是观察用户在“样式”侧栏面板中所做的 CSS 更改,并在磁盘上的相应文件中反射(reflect)相同的更改(我知道有一种方法可以使用源映射概念来实现此目的.但我正在尝试这种方式)。
我是编写 chrome 扩展的新手,并试图了解如何实现这一目标。我浏览了 chrome devtools 扩展文档、tutplus 和许多其他网站,其中有关于编写 chrome devtools 扩展的很好的解释。但我仍在尝试弄清楚如何监视/观察另一个新面板中的样式侧边栏面板,并获取修改后的样式信息和相应的文件详细信息。这样我就可以将相同的内容保留到相应的物理文件中。
谢谢!
最佳答案
看来你做不到。
你可以通过chrome.devtools.panels.elements
获取代表Elements面板的ElementsPanel
,但它只有一个事件:onSelectionChanged
,样式侧栏 Pane 没有任何内容。
https://developer.chrome.com/extensions/devtools_panels#type-ElementsPanel
关于google-chrome-extension - 如何在 chrome devtools 中访问 "styles"侧边栏面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35846773/