【问题标题】:Developer tool similar to Firefox's Style Editor for Chrome类似于 Firefox 的 Chrome 样式编辑器的开发工具
【发布时间】:2015-08-30 19:22:05
【问题描述】:

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

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

【问题讨论】:

    标签: css google-chrome firefox google-chrome-devtools firefox-developer-tools


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 我可以编辑,但更改不会应用到页面。
      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 2016-07-09
        • 2015-05-06
        • 1970-01-01
        • 1970-01-01
        • 2019-05-12
        • 2016-01-22
        • 2016-11-07
        • 2016-06-04
        • 2012-09-17
        相关资源
        最近更新 更多