无法在Chrome中编辑样式？

Question

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

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

注意：它发生在生产中。

Answer 1

我认为您可能会在生产中看到通过“快速模式”注入的样式。这会使用special DOM API，Chrome DevTools当前仅以只读身份显示该it's being considered。我们尚未设置转义线以禁用此注入方法，但是https://git.habd.as/robots.txt。

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

Answer 2

您可能还想考虑使用Firefox，它可以像往常一样编辑样式