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



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

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

我最终找到了它,如果您转到开发人员工具,那么Sources您可以浏览您所在页面的所有链接文件并实时编辑它们

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

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

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

最新更新