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

时间:2015-06-15 10:23:09

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

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

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

3 个答案:

答案 0 :(得分:2)

我最终找到了它,如果您转到开发人员工具,然后THREE.ObjectLoader您可以浏览您所在页面的所有链接文件并进行实时编辑

答案 1 :(得分:1)

如果我说得对,在Chrome中有:更多工具>开发人员工具>在右侧分屏选项卡的“元素”部分中,有一个“样式”标签。这就是你要找的东西吗? 虽然FF对于开发人员而言比Chrome更好,因为它为您提供了更多工具。

答案 2 :(得分:0)

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

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