类似于 Firefox 的 Chrome 样式编辑器的开发工具

Posted 2023-03-07

【中文标题】类似于 Firefox 的 Chrome 样式编辑器的开发工具

【英文标题】：Developer tool similar to Firefox's Style Editor for Chrome

【发布时间】：2015-08-30 19:22:05

【问题描述】：

chrome 是否有调试/编辑模式，您可以像在 Firefox 中那样修改 css 样式表，方法是转到 Tools > Developer Tools > Style Editor。

这与 chrome 中开发人员工具左侧的样式选项卡不同，尽管它允许您选择一个元素并查看应用于它的所有 css 样式并编辑/添加新样式.它与 FF 样式编辑器不同，因为它允许您直接在样式表中的任何位置键入。

【参考方案1】：

所以我发现为了在 chrome 中调出样式编辑器，我必须进入“自定义和控制开发工具”（“检查元素”面板右上角的三个点），然后进入“设置”然后向下滚动并点击“恢复默认值并重新加载”。然后您将返回包含您包含的样式表的源面板。

是的，Firefox 的界面更流畅，“感觉”更好，是我用于所有 css 调整的工具（事实上，Chris 的旧开发工具在集成之前要好得多，但没有得到我开始了）

【参考方案2】：

我终于找到了，如果你去开发者工具然后Sources你可以浏览你所在页面的所有链接文件并实时编辑它们

【讨论】：

我可以编辑，但更改不会应用到页面。

【参考方案3】：

如果我没记错的话，Chrome 中有：更多工具>开发者工具>在右侧分屏选项卡的“元素”部分，有一个“样式”选项卡。那是你要找的吗？ 尽管 FF 对于开发人员来说是比 Chrome 更好的浏览器，因为它为您提供了更多的工具来使用。