javascript - 无法在 Chrome 中编辑样式？

Question

由于我已经使用 styled-components 实现了服务器端渲染和管理样式，我无法在 Chrome 开发工具中编辑样式。 devtools 中的样式变为斜体，并且没有用于关闭/打开指定样式的复选框。



它在 Mozilla 中正常工作。但为什么不在 Chrome 中呢？任何想法为什么会发生？谢谢。

备注 : 它发生在生产中。

Answer 1

我认为您可能会在生产中看到通过“快速模式”注入(inject)的样式。这使用 special DOM API Chrome DevTools 目前仅以只读方式显示。我们还没有设置逃生舱来禁用这种注入(inject)方法，但是 it's being considered .

在开发模式下运行设置时，所有内容通常都应该是可检查和可编辑的。