【问题标题】: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 更好的浏览器,因为它为您提供了更多的工具来使用。