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

标签 javascript css google-chrome google-chrome-devtools styled-components

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

enter image description here

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

备注 : 它发生在生产中。

最佳答案

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

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

关于javascript - 无法在 Chrome 中编辑样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52582995/

相关文章:

javascript - 同时登录网站和 Chrome 扩展程序

ruby-on-rails - Rails 4 在 Chrome 中重定向到 'data:,'

javascript - 在混合 android 应用程序中导航时在 chrome 设备中看到多个分离的 webview 实例

javascript - 如何向 jQuery 对话框标题栏添加额外的按钮

javascript - 后退按钮重定向脚本

css - 通过选项卡使侧栏中的输入持久化

javascript - 如何在自动完成 jquery/Ajax 中键入时更改文本颜色

javascript - 下拉 css/javascript 框

javascript - highcharts 端点到端点连接

javascript - Fabric.js 便签类型文本换行