[扩展] Indexify Tabs（给标签页标序号）

Indexify Tabs

对于同时打开大量标签页的朋友来说，这个扩展能给所有标签页标上序号，方便他们寻找到自己想要的标签页。之前有论坛朋友问过，今天刚好在AMO上看到。

如果搭配上列出标签页，以及ctrl+数字然后松开跳转到响应页面的脚本，实用性应该会大大提升

白左：如果搭配上列出标签页，以及ctrl+数字然后松开跳转到响应页面的脚本，实用性应该会大大提升回到原帖

这个想法好，有时打开一两百标签想跳到中间某标签页，就只能用列出所有标签然后滚动列表再跳转。

#tabbrowser-tabs{
counter-reset: count !important;
}

.tabbrowser-tab::before{
content:"[" counter(count)"]";
counter-increment: count!important;
display:-moz-box;
margin-right:-32px;
margin-left:18px;
}

.tabbrowser-tab[pinned]::before{
visibility:hidden;
}

.tab-text.tab-label{
padding-left:12px;
}

这个我用css就做到了，不过超十位数后会错位，
虽然可以调整一下，
不过调回小于十位后的位置间隔会不协调，也就算了。
我一般不会打开超十位的标签。

紫大也有个UC脚本可以实现

白左：如果搭配上列出标签页，以及ctrl+数字然后松开跳转到响应页面的脚本，实用性应该会大大提升回到原帖

有个这样的扩展，国人开发的。作者在Mozest发过。

lonely_8：

#tabbrowser-tabs{
counter-reset: count !important;
}

.tabbrowser-tab::before{
content:"[" counter(count)"]";
counter-increment: count!important;
display:-moz-box;
margin-right:-32px;
margin-left:18px;
}

.tabbrowser-tab[pinned]::before{
visibility:hidden;
}

.tab-text.tab-label{
padding-left:12px;
}

这个我用css就做到了，不过超十位数后会错位，
虽然可以调整一下，
不过调回小于十位后的位置间隔会不协调，也就算了。
我一般不会打开超十位的标签。

紫大也有个UC脚本可以实现回到原帖

真不错，能在状态栏显示当前标签的序号吗？
这样就不会挤压变形了。

真不错，能在状态栏显示当前标签的序号吗？
这样就不会挤压变形了。

在状态栏显示，css做不到。而且放在状态栏编号不就没意义了吗？

#tabbrowser-tabs{
counter-reset: count !important;
}

.tabbrowser-tab{position:relative;}
.tabbrowser-tab::before{
content:"[" counter(count)"]";
counter-increment: count!important;
display:-moz-box;
font-size:9px;
position:absolute;
top:4px;
right:2px;
}

.tabbrowser-tab:hover::before{
font-size:0;
}

.tabbrowser-tab[pinned]::before,
.tabbrowser-tab:not(:hover) .tab-close-button {
visibility:hidden;
}

字体大小改为9px，放在后面就不会挤压了。

图片：counter.gif

还有个叫NUMEXT的，体积小巧功能强大，只是不知道是否支持最新版，很久以前用过
https://addons.mozilla.org/zh-CN/firefo ... bered-tabs

在状态栏显示，css做不到。而且放在状态栏编号不就没意义了吗？

#tabbrowser-tabs{
counter-reset: count !important;
}

.tabbrowser-tab{position:relative;}
.tabbrowser-tab::before{
content:"[" counter(count)"]";
counter-increment: count!important;
display:-moz-box;
font-size:9px;
position:absolute;
top:4px;
right:2px;
}

.tabbrowser-tab:hover::before{
font-size:0;
}

.tabbrowser-tab[pinned]::before,
.tabbrowser-tab:not(:hover) .tab-close-button {
visibility:hidden;
}

字体大小改为9px，放在后面就不会挤压了。

多谢，效果很棒。
其实我只需要知道当前标签的序号，并不需要标记所有标签的序号，因为打开标签多了不知道当前标签的位置。
我这里测试代码时.tabbrowser-tab{position:relative;}这一句要加!important，否则所有的序号都堆在一起了。

我测试了一下这个css，在标签标题过长，出现省略号时，这个序号会跟省略号叠加在一起不太美观。

图片：Image 001.png

图片：Image 000.png

kmc：我测试了一下这个css，在标签标题过长，出现省略号时，这个序号会跟省略号叠加在一起不太美观。

回到原帖

about:config里将browser.tabs.closeButtons重置。

kmc：我测试了一下这个css，在标签标题过长，出现省略号时，这个序号会跟省略号叠加在一起不太美观。

回到原帖

当默认隐藏关闭按钮时，标题是根据标签最右边距离来调整的。
可以试试加上这个.数值按照自身的调整一下

.tabbrowser-tab:not([pinned]):not(:hover)  .tab-text{
padding-right:13px!important;
}

这个帖子思路广……不过那个css是如何实现的？完全没看懂，能说一下吗

白左：这个帖子思路广……不过那个css是如何实现的？完全没看懂，能说一下吗回到原帖

主要用到css的counter-reset，counter-increment和content属性的counter(）函数

先在祖父、父元素用counter-reset自定义一个计数器“count”，
再到子元素（貌似必须是可见的display:none后不被计数）
用counter-increment属性标记当前已经重复出现的子元素个数，
最后用content属性的counter(）函数计算标记数量并显示出来。

大概是这样，表达不太好，见谅

lonely_8：
主要用到css的counter-reset，counter-increment和content属性的counter(）函数

先在祖父、父元素用counter-reset自定义一个计数器“count”，
再到子元素（貌似必须是可见的display:none后不被计数）
用counter-increment属性标记当前已经重复出现的子元素个数，
最后用content属性的counter(）函数计算标记数量并显示出来。

大概是这样，表达不太好，见谅回到原帖

原来是用来设置章节的啊……第一次知道这个东西，长见识了