Firefox 65: 如何在地址栏下方设置标签?

分享于 

6分钟阅读

ubuntu

 

问题:

如何使用 Firefox 65将标签放置在下面地址( URL ) 栏和非上面的地址?


回答 1:

以前版本的Firefox 用户发现,如果在下面有标签 below地址栏,升级到版本 将导致以下情况: 选项卡显示在上面的地址栏。

用于正常浏览的userChrome.css 代码修复( 查看适用于正常和 private 浏览 Windows的代码的代码)。

例如在 below下面的Firefox 用户who地址栏described在论坛响应- Tabs标签栏中描述了 procedure below

通过创建 Chrome 文件夹,然后放置 userChrome.css 文件 inside,然后放置文件,可以修改 Firefox 或者外观的样式,该文件夹包括自定义样式规则。 你在 userChrome.css 文件中放置的规则将覆盖 Firefox 中的默认样式。

在以下情况下:

自定义样式规则可能不能每次都工作,因为( 例如与其他自定义样式规则不兼容)的其他因素超出了社区的Mozilla控制。 你的定制样式规则可能也会在每次出现新的Firefox 版本时停止工作。

在我的系统中,这是 userChrome.css的路径:


/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css



Chrome 和 userChrome.css 都是区分大小写的。

以下几行需要放在 userChrome.css 中:


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");



/* TABS on bottom */


#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}


#TabsToolbar {-moz-box-ordinal-group:1000!important}



#TabsToolbar {


 position: absolute!important;


 bottom: 0!important;


 width: 100vw!important;


}


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {


padding-bottom: var(--tab-min-height)!important;


}


#tabbrowser-tabs {


 width: 100vw!important;


}



保存文件并重新启动 Firefox。

注释:

  • 如果你的中已经有内容,第一行可能已经存在并且不需要重复。
  • 需要确保菜单栏或者标题栏或者两者都可见。 如果两者都丢失,底部的标签将重叠,使你的书签栏模糊,minimize/restore/close 按钮将不会显示。
用于 private 浏览的userChrome.css 代码修复

我在底部的重定位选项卡中发现了一个稍微长一点的userChrome.css 代码,即 Firefox 65.0中的上面 网页? 用户需要修改,但它对正常浏览和 private 浏览都适用:


@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>"); 



/* only needed once


*/



/* TABS: on bottom */


#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}


#TabsToolbar {-moz-box-ordinal-group:1000!important}



#TabsToolbar {


position: absolute!important;


bottom: 0!important;


width: 100vw!important;


}



#tabbrowser-tabs {


width: 100vw!important;


}


#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height)!important;}



/* TABS: height */


:root {


--tab-toolbar-navbar-overlap: 0px!important;


--tab-min-height: 29px!important;/* 27 --- adjust to suit your needs */


}


:root #tabbrowser-tabs {


--tab-min-height: 29px!important;/* 27 --- needs to be the same as 上面 under :root */


--tab-min-width: 80px!important;


}



#TabsToolbar {


height: var(--tab-min-height)!important;


margin-bottom: 1px!important;


box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px!important;


}



#tabbrowser-tabs,


#tabbrowser-tabs &gt;. tabbrowser-arrowscrollbox,


.tabbrowser-tabs[positionpinnedtabs] &gt;. tabbrowser-tab[pinned] {


min-height: var(--tab-min-height)!important;


max-height: var(--tab-min-height)!important;


}



/* drag space */


.titlebar-spacer[type="pre-tabs"],


.titlebar-spacer[type="post-tabs"] {


width: 40px;


}



/* Override vertical shifts when moving a tab */


#navigator-toolbox[movingtab] &gt; #titlebar &gt; #TabsToolbar {


padding-bottom: unset!important;


}


#navigator-toolbox[movingtab] #tabbrowser-tabs {


padding-bottom: unset!important;


margin-bottom: unset!important;


}


#navigator-toolbox[movingtab] &gt; #nav-bar {


margin-top: unset!important;


} 



请注意 --tab-min-height: 29pximportant29px 值为。! 在你的系统中,你需要调整它,这两行代码都会出现在。

其他注意,如 上面的正常浏览 Windows 仍然需要注意。

Firefox 65,标签为以下正常和 private Windows的地址栏:

Firefox 65 with tabs below the address bar


回答 2:

这是我在Unity上为我工作的Unity。

我只需要将 #navigator-toolbox #TabsToolbar ( 在 ff-65 之前)的block 更改为 #titlebar

#nav-bar {/* Main Toolbar */
 -moz-box-ordinal-group: 1!important;
}
#PersonalToolbar {/* Bookmarks Toolbar */
 -moz-box-ordinal-group: 2!important;
}
#titlebar {/* Menu + Tab Bar */
 -moz-box-ordinal-group: 3!important;
}

这可能会给你带来一些其他的影响,因此请按照链接查看解决。



相关文章