如何在Firefox48中恢复Firefox DevTools Inspector中面包屑条的位置更改?
Firefox48中的Firefox DevTools Inspector面板将祖先元素面包屑栏的位置从顶部更改为底部。如何恢复更改如何在Firefox48中恢复Firefox DevTools Inspector中面包屑条的位置更改?,firefox,firefox-developer-tools,Firefox,Firefox Developer Tools,Firefox48中的Firefox DevTools Inspector面板将祖先元素面包屑栏的位置从顶部更改为底部。如何恢复更改 这一点在中明显改变(不幸的是,没有解释原因),并且没有设置将面包屑条再次移动到顶部 因此,我看到三种选择: 接受改变 回到Firefox47 创建错误报告,要求将其移回顶部 这显然是在中更改的(不幸的是,没有解释原因),并且没有将面包屑条再次移动到顶部的设置 因此,我看到三种选择: 接受改变 回到Firefox47 创建错误报告,要求将其移回顶部 基于您提供的信息
这一点在中明显改变(不幸的是,没有解释原因),并且没有设置将面包屑条再次移动到顶部 因此,我看到三种选择:
这显然是在中更改的(不幸的是,没有解释原因),并且没有将面包屑条再次移动到顶部的设置 因此,我看到三种选择:
基于您提供的信息(其中有用于的代码或作为用户脚本),我决定,尽管Firefox 51(当前为Firefox Developer Edition),但您可以在您的应用程序中添加以下内容:
@命名空间html url(http://www.w3.org/1999/xhtml); /* 设置html名称空间*/
html | div#inspector面包屑工具栏{
-moz盒序号组:0!重要;
边框顶部:未设置!重要;
右边距:210px!重要;
左边距:28px!重要;
}
html | div#检查器工具栏{
利润率顶部:-23px!重要;
}
如果您正在使用Firefox 52,目前是每晚,这将不起作用。事实上,使用它将导致无法访问包含DOM搜索框和“创建新节点”按钮的工具栏
为了在面包屑中显示更多条目,我还发现减少面包屑之间的空间和条目的最小宽度是可取的:
html | button.breadcrumbs-widget-item{
左侧填充:10px!重要;
右边距:-12px!重要;
最小宽度:10px!重要;
}
如果您真的想节省水平空间,您可以更改用于分隔面包屑的图形。您还可以调整字体大小以允许显示更多信息。根据您提供的信息(您有用于的代码或作为用户脚本),我决定,尽管Firefox 51(当前的Firefox Developer Edition)可以将以下内容添加到您的:
@命名空间html url(http://www.w3.org/1999/xhtml); /* 设置html名称空间*/
html | div#inspector面包屑工具栏{
-moz盒序号组:0!重要;
边框顶部:未设置!重要;
右边距:210px!重要;
左边距:28px!重要;
}
html | div#检查器工具栏{
利润率顶部:-23px!重要;
}
如果您正在使用Firefox 52,目前是每晚,这将不起作用。事实上,使用它将导致无法访问包含DOM搜索框和“创建新节点”按钮的工具栏
为了在面包屑中显示更多条目,我还发现减少面包屑之间的空间和条目的最小宽度是可取的:
html | button.breadcrumbs-widget-item{
左侧填充:10px!重要;
右边距:-12px!重要;
最小宽度:10px!重要;
}
如果您真的想节省水平空间,您可以更改用于分隔面包屑的图形。您还可以调整字体大小以允许显示更多信息。选项4:创建一个扩展,将其移回原来的位置。@Makyen我发现这是因为“bug 1256422”,但没有很好的理由这样做,因为我们只是失去了空间,什么也得不到。Mozilla被誉为是不劳而获的改变,让生活或超级用户变得更糟。无论如何,我认为选项4将是最好的,我不精通JS,但我学习;-)。我已经获取了Inspector的源代码,使用CSS,应该可以很容易地让精通的人“破解”它。有人来帮我吗?这是我的Dropbox上的inspector文件FF47-48,虽然扩展名可能是一个解决方案,但我仍然会问他们为什么把它移到底部。我同意你的观点,现在看起来它只是失去了垂直空间。事实上,我只是。问题是他们想“重新利用面包屑占用的空间”。选项4:创建一个扩展,将其移回原来的位置。@Makyen我发现这是因为“bug 1256422”,但没有很好的理由这样做,因为我们刚刚失去了空间,我们一无所获。Mozilla被誉为是不劳而获的改变,让生活或超级用户变得更糟。无论如何,我认为选项4将是最好的,我不精通JS,但我学习;-)。我已经获取了Inspector的源代码,使用CSS,应该可以很容易地让精通的人“破解”它。有人来帮我吗?这是我的Dropbox上的inspector文件FF47-48,虽然扩展名可能是一个解决方案,但我仍然会问他们为什么把它移到底部。我同意你的看法,现在看起来它只是失去了垂直空间。事实上,我只是。问题是他们想“重新利用面包屑占用的空间”。你可以创建一个附加组件,将其移回你想要的顶部。你可以创建一个附加组件,将其移回你想要的顶部。非常感谢,现在我使用Firefox 50,所以至少在几周内我都很好;-)。52发布后,我将看到Mozilla对代码做了哪些更改,我的嘉宾是他们删除了开发工具的大部分XUL,并用HTML替换。非常感谢,现在我使用Firefox 50,所以我至少在几周内都很好;-)。当52将成为发行版时,我将看到Mozilla对代码做了哪些更改,我的客户是他们已经删除了devtools的大部分XUL,并用HTML替换它。