如何在Firefox48中恢复Firefox DevTools Inspector中面包屑条的位置更改?

如何在Firefox48中恢复Firefox DevTools Inspector中面包屑条的位置更改?,firefox,firefox-developer-tools,Firefox,Firefox Developer Tools,Firefox48中的Firefox DevTools Inspector面板将祖先元素面包屑栏的位置从顶部更改为底部。如何恢复更改 这一点在中明显改变(不幸的是,没有解释原因),并且没有设置将面包屑条再次移动到顶部 因此,我看到三种选择: 接受改变 回到Firefox47 创建错误报告,要求将其移回顶部 这显然是在中更改的(不幸的是,没有解释原因),并且没有将面包屑条再次移动到顶部的设置 因此,我看到三种选择: 接受改变 回到Firefox47 创建错误报告,要求将其移回顶部 基于您提供的信息

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替换它。