无法在Chrome中编辑样式?

Pat*_*kkx 14 javascript css google-chrome google-chrome-devtools styled-components

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

在此处输入图片说明

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

注意:它在生产中发生。

pro*_*yup 10

我认为您可能会在生产中看到通过“快速模式”注入的样式。它使用特殊的DOM API,Chrome DevTools当前仅以只读方式显示该API。我们尚未安装逃生舱口以禁用此注入方法,但是正在考虑中

在开发模式下运行安装程序时,通常应检查和编辑所有内容。


xum*_*mix 6

您可能还想考虑 Firefox,它可以像往常一样编辑此类样式