Firefox纵向标签页配置

q294083636

最近工作电脑换成了Mac  Mac本身的标题栏还有刘海和浏览器的标签页面还有地址栏这些都挤到上面去了 总觉着浏览器头重脚轻的
感觉有点儿怀念之前edge的纵向标签页 但是微软不做人 不想换回去edge了 所有自己鼓捣了一个firefox可用的纵向标签页配置 效果如下:

鼠标移过去可以张开


具体配置方法:
1.安装sideberry sidebar 扩展（https://addons.mozilla.org/en-US/firefox/addon/sidebery/）
2.编辑userChrome.css (具体如何开启userChrome.css还有文件位置可以看这个blog https://icloudnative.io/posts/customize-firefox/)

1. #identity-box,
   
2. #tabbrowser-tabs,
   
3. #TabsToolbar {
   
4.     visibility: collapse !important;
   
5. }
   
6. 
   
7. /* 因为无法同时变更header和sidebar的宽度 所以这里去掉header */
   
8. #sidebar-header {
   
9.     visibility: collapse;
   
10. }
    
11. 
    
12. #sidebar-box {
    
13.     min-width: 28px !important;
    
14.     width: 28px !important;
    
15. }
    
16. 
    
17. #sidebar:hover {
    
18.     width: 260px;
    
19.     height: 100%;
    
20.     position: absolute;
    
21.     z-index: 999;
    
22. }
    

复制代码

3. 重启firefox并打开sideberry 就可以使用啦

注:
1.以前没咋了解过css或者网页这些东西 有更好的实现方式欢迎分享
2.开启userchrome.css会有性能损失
3.具体尺寸有不合适的可以自己调看看

Nanachi

为何不用treestyletab

—— 来自 鹅球 v3.0.0.82-alpha

q294083636

Nanachi 发表于 2024-6-12 12:04
为何不用treestyletab

—— 来自 鹅球 v3.0.0.82-alpha

没注意到这个 回头看看 就是想找个和edge差不多的那种

—— 来自 S1Fun

limon

那就得推荐个 floorp 了，魔改火狐自带这些

—— 来自 S1Fun

scikirbypoke

火狐这边一直用树状标签

q294083636

其实这个sideberry或者上面说的treestyletab 都是挺好用的标签管理
这里最主要的还是想要类似edge那种不太占页面空间的排布方式
如果你没有这种需求 就不折腾这些 直接用这种类型的插件就好

obiy

等原生支持了，不是很刚需

利物浦

q294083636 发表于 2024-6-12 16:11
其实这个sideberry或者上面说的treestyletab 都是挺好用的标签管理
这里最主要的还是想要类似edge那种不太 ...

单纯的树状标签我选sideberry，但考虑到我还用simple tab groups，我就只能选后者了

—— 来自 Xiaomi 2106118C, Android 13上的 S1Next-鹅版 v3.0.0.81-alpha

暁美ほむら

我现在的界面暂时就这样，我也尝试过一些样式但是都跟我目前的一些功能有冲突所以放弃了。

BRS5672023

推荐一个 firefox 的 css 主题网站

FirefoxCSS Store

q294083636

BRS5672023 发表于 2024-6-12 16:53
推荐一个 firefox 的 css 主题网站

FirefoxCSS Store

可以可以 点进去发现好多符合我需求的

Midnight.Coup

之前忘记哪里看到的 firefox 官方也要出垂直标签页了

Litccc

https://github.com/christorange/VerticalFox

已经有现成的了，不用重复造轮子，另外火狐官方也在开发垂直标签页