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

问题描述 投票:2回答:3

chrome是否具有调试/编辑模式你可以通过访问Tools > Developer Tools > Style Editor以与Firefox相同的方式修改css样式表。

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

css google-chrome firefox google-chrome-devtools firefox-developer-tools
3个回答
2
投票

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


1
投票

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


0
投票

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

并且是的,Firefox有一个更加流畅的界面,并且有更好的“感觉”,是我用于所有css调整的事实(实际上Chris的旧开发工具在集成之前要好得多,但不要让我开始)

© www.soinside.com 2019 - 2024. All rights reserved.