火狐firefox插件：Tab Center Reborn 侧边垂直标签栏【隐藏顶部标签栏】

先看效果（蓝底是win桌面）:

隐藏浏览器顶部的横向标签栏；
- 全屏模式如下图，鼠标拖住顶部边缘任意位置可拖动窗口；
- 非全屏模式左上角显示黑色块，可拖住黑色块移动窗口;
保留右上角三个按钮：最小化、最大化、关闭；
适配了隐私模式；

几个实用操作：

当你打开很多标签页时，右击非当前标签页可以“释放标签页”，减少内存占用，等再切过去的时候会重新加载；
点击当前标签页，会跳回上一次查看的标签页；再点击这个，又会跳回去。。。反复横跳；
双击侧边栏下面的空白区域，可以新建标签页，，这样就不用定位到很小的“+”新建了；

使浏览器能够在侧面显示垂直的标签栏，方便浏览大量标签页：

安装tab center reborn扩展，然后打开侧边栏，切换为Tab center reborn；

隐藏浏览器原来的顶部标签栏：

about:config搜索toolkit.legacyUserProfileCustomizations.stylesheets设置为true;

创建userChrome.css

about:support页面打开“配置文件夹”

在火狐的配置文件夹中创建chrome/userChrome.css文件，内容如下（我的Firefox版本85.0.2）：

#main-window:not([drawtitle="true"]):not([inFullscreen="true"]) #nav-bar { margin-left : 30px;  /* leftTop drag area */border-right: 140px solid var(--toolbar-bgcolor);
}
:root[sizemode="maximized"] #nav-bar { margin-top: 10px !important;   /* Top drag area */margin-left : 0px !important;  /* hidden leftTop drag area in Fullscreen mode*/border-right: 140px solid var(--toolbar-bgcolor);
}
:root[privatebrowsingmode="temporary"] #nav-bar { border-right: 180px solid var(--toolbar-bgcolor) !important;
}/* move down to hidden titlebar */
#titlebar {margin-bottom: -31px !important;
}/* move down 3 button on rightTop */
.titlebar-buttonbox-container {margin-bottom: -5px !important;
}
:root[sizemode="maximized"] .titlebar-buttonbox-container {margin-bottom: -15px !important;
}/* move down private icon */
.private-browsing-indicator {margin-bottom: -8px !important;
}
:root[sizemode="maximized"] .private-browsing-indicator {margin-bottom: -18px !important;
}/* hidden horizontal tabbar on top */
#tabbrowser-tabs[orient="horizontal"] {visibility: collapse !important;
}#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"]
sidebarheader { visibility: collapse !important;
}

重启浏览器生效！

必要的样式优化(在浏览器的tab center reborn选项中设置)

图标添加白色的晕轮廓 for dark mode

body .tab .tab-icon {/*  侧边栏标签图标添加白色边缘晕 */filter: url('data:image/svg+xml;,<svg xmlns="http://www.w3.org/2000/svg"><filter id="s"><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 -0.2125 -0.7154 -0.0721 1 0" /><feMorphology operator="dilate" radius="0.1"/><feComponentTransfer><feFuncA type="gamma" offset="0" amplitude="0.5" exponent="1"/></feComponentTransfer><feGaussianBlur stdDeviation="0.1"/><feComposite in="SourceGraphic" operator="over"/></filter></svg>#s');
}#settings {display: none;  /* 隐藏侧边栏的选项按钮 */
}.tab {/* 这几个用于自动隐藏滚动条 */max-width: 100vw;
}
#tablist {margin-right: -19px; /* 按需调整 */transition: margin-right 0.2s 0.3s;
}
#tablist:hover {margin-right: 0px;transition: margin-right 0.2s 0.1s;
}
#tablist-wrapper {overflow-x: hidden;
}#tablist {scrollbar-width: thin; /* 细化滚动条 */
}

火狐firefox插件：Tab Center Reborn 侧边垂直标签栏【隐藏顶部标签栏】相关推荐

Web调试工具：火狐Firefox插件Firebug介绍
Web调试工具:火狐Firefox插件Firebug介绍什么是Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一.它集HTML查看和编辑. ...
firefox插件 Tab Utilities 个性化设置备份
firefox插件 [强烈推荐][强烈推荐] 点击进入安装 Tab Utilities: 在新标签页打开书签.历史.地址.搜索,以及更多增强标签式浏览的实用功能.个性化配置备份如下:
火狐firefox插件配合scrapy，注意tbody会导致empty
有2个常有插件,一个是xpath checker,一个是firepath(配合firebug) xpath checker是个好东西,不仅可以分析,还可以验证自己抽取的xpath是否正确但xpath ...
让火狐firefox朗读文本
平时很多时间都是用火狐firefox泡在网上,有时候觉得眼睛痛的时候就希望可以有人替我朗读一下文章. 之前一直在用2nd Speech Center.可惜,稳定性实在是-- 所以,我希望可以找到一个可 ...
玩酷的vimperator教程火狐firefox的VIM插件[转]
玩酷的vimperator教程火狐firefox的VIM插件 http://hi.baidu.com/zhumoqing/blog/item/637b1f8b4efc93749e2fb4d6.htm ...
ntko web firefox跨浏览器插件_Firefox火狐浏览器插件全部失效解决方法
5月5日,由于Mozilla公司忘记更新用于签署Firefox插件的安全证书,当证书过期,导致新的插件下载安装失败,并阻止现有的插件正常工作. PC版解决方法 1.启动Studies(Firefox选 ...
火狐(FireFox)黑客常用插件
火狐(FireFox)黑客常用插件经常重装FF就会忘记一些插件,写下了便于记忆.安装技巧(Shift+Ctrl+A)或者工具-附加组件,搜索下列工具,有的需安装后重启. 1.HackBar 2.Ta ...
火狐翻译插件_即时语言翻译进入Firefox
火狐翻译插件 When Google released their AJAX Language API last March, I had high hopes that a lot of cool ...
Linux安装flash视频插件与更新火狐Firefox浏览器
安装flash视频插件官网下载 tar文件 https://get.adobe.com/cn/flashplayer/ 解压插件 # tar -xzvf flash_player_npapi_lin ...

火狐firefox插件：Tab Center Reborn 侧边垂直标签栏【隐藏顶部标签栏】

火狐firefox插件：Tab Center Reborn 侧边垂直标签栏【隐藏顶部标签栏】相关推荐

最新文章

热门文章