• Cọc VF3 thì vào đây, dùng mã LEBAOLONG thì giảm thêm mớ nữa ;)

kiến thức Tổng hợp những addon chất cho Firefox / Chromium

CSS:
  #new-tab-button {
    width: 26px !important;
    height: 26px !important;
  }

  #alltabs-button {
    width: 26px !important;
    height: 26px !important;
  }

  #alltabs-button label.toolbarbutton-text{
    display: none !important;
    font-size: 0pt !important;
  }

  #new-tab-button label.toolbarbutton-text{
    display: none !important;
    font-size: 0pt !important;
  }
Thêm cái này là bỏ đc label của cái nút New Tab với All Tabs :( mỗi tội css trình còi nên không làm cho nó ngang 1 hàng được

mà khứa Nhật Bổn này dùng loader của @xiaoxiaoflood, không biết có khác gì của fx-autoconfig của @MrOtherGuy không nữa
Nếu chỉ để ẩn chữ từ nút đặt ở tab dọc dùng cái này là ok:
Code:
 #TabsToolbar-customization-target .toolbarbutton-1 .toolbarbutton-text {

    display: none !important;
  }

    #TabsToolbar-customization-target .toolbarbutton-1 {
    width: 26px !important;
    height: 26px !important;
             flex-grow: 1!important;
             text-align: center!important;
  }

Còn để gom lại thành hàng thì hiện tại không làm được do tác giả không bọc phần customize trong một cái container, có thể dùng userChrome.js bọc cho nó học bọc tay trong Dev Toolbox rồi làm flex row.

Còn loader thì không để ý lắm, mình đang xài của MrOtherguy, nhìn chung script không tương thích nhau mà có nhiều cái cũng hay ho.
 
mình check thì nó vẫn đủ 4 rule. để thử với profile mới coi sao
Có thể chưa đánh chọn cái này để hiệu lực khả năng lọc trang web:
1697683907745.png
 
SearXNG hoặc Google cho vào container thôi, bản chất SearXNG chính là Google nhưng không bị theo dõi hoặc đọc bài này của hoàng tử Ba Tư @shenzero999 để hiểu sâu tại sao nó tốt:
cái firefox tete009 e đang sài không thấy cái thêm search engine á
1697684502092.png
 
Thêm cái này là bỏ đc label của cái nút New Tab với All Tabs :( mỗi tội css trình còi nên không làm cho nó ngang 1 hàng được
Thành công:
1697684848576.png


Paste vào Console của Dev Toolbox, chạy:
Code:
var tbbutton = document.querySelectorAll('#TabsToolbar-customization-target .toolbarbutton-1')

var tbbuttoncontainer = document.createElement('hbox');
tbbuttoncontainer.id = 'tbbuttoncontainer';
document.querySelector('#TabsToolbar-customization-target').appendChild(tbbuttoncontainer);
                                            
for (var i = 0; i < tbbutton.length; i++) {
tbbuttoncontainer.insertAdjacentElement('beforeEnd', tbbutton[i]);
}

tbbuttoncontainer.style.display = 'flex';

Code mới phiên bản 2, ở trên cùng:
Code:
var tbbutton = document.querySelectorAll('#TabsToolbar-customization-target .toolbarbutton-1')

var tbbuttoncontainer = document.createElement('hbox');
tbbuttoncontainer.id = 'tbbuttoncontainer';
//document.querySelector('#TabsToolbar-customization-target').appendChild(tbbuttoncontainer);
document.querySelector('#TabsToolbar-customization-target').insertBefore(tbbuttoncontainer, document.querySelector('#TabsToolbar-customization-target').firstChild);
                                             
for (var i = 0; i < tbbutton.length; i++) {
tbbuttoncontainer.insertAdjacentElement('beforeEnd', tbbutton[i]);
}

tbbuttoncontainer.style.display = 'flex';

userChrome.css:
Code:
/*************************************************************************************************************************************************************************************************************************************************************

"userChrome.css" is a custom CSS file that can be used to specify CSS style rules for Floorp's interface (NOT internal site) using "chrome" privileges.
For instance, if you want to hide the tab bar, you can use the following CSS rule:

**************************************
#TabsToolbar {                       *
    display: none !important;        *
}                                    *
**************************************

NOTE: You can use the userChrome.css file without change preferences (about:config)

Quote: https://userChrome.org | https://github.com/topics/userchrome 

************************************************************************************************************************************************************************************************************************************************************/

@charset "UTF-8";
@-moz-document url(chrome://browser/content/browser.xhtml) {
/* Please write your custom CSS under this line*/


    
    
 #TabsToolbar-customization-target .toolbarbutton-1 .toolbarbutton-text {

    display: none !important;
  }

    #TabsToolbar-customization-target .toolbarbutton-1 {
    width: 26px !important;
    height: 26px !important;
  }
  #tbbuttoncontainer {
        display: flex!important;
        flex-direction: row!important;
    }
    #tbbuttoncontainer #new-tab-button {
        display: none!important;
    }
    
}
 
Last edited:
mọi người ơi comment cái bị người ta ghét block IP trên web. Có cách nào fake IP vào mà truy cập nhanh không ạ :cry: Fake IP nó load lâu quá trời luôn
 
Mà vertical tab mà không có group hay nesting thì nhiều tab tí là unusable rồi. Ví dụ tầm trên 50 tab chia group rồi panel như sideberry thì kiểm soát được, còn chơi tới 1k thì quên việc lăn chuột tìm tab đi mà dùng address bar search tab luôn.
Xài kết hợp với Simple Tab Groups đi fen.
 
Ông dev bảo tuần sau sẽ có bản stable rồi bác ạ
Vậy để lát mình mớm mồi cho ông dev để đẩy nhanh tiến độ, hiện có hai cái mồi ngon:

Bần tăng hiện đã giác ngộ rồi ngài hoàng tử Ba Tư @shenzero999 không thể chen vào chốn thị phi hay tán gái hộ hoàng tử được :(, mà ngài du học Ba Tư giỏi tiếng Nhật nên vào Discord hỏi ông dev build thêm AppImage là tiện nhất, ông ấy dùng Github build đó:
 
Code như ông này thì performance có tăng đáng kể không nhỉ? Nếu là mình thì mỗi case sẽ thêm bớt attribute/class tương ứng rồi dùng chung 1 css thôi chứ không có làm trò xóa style rồi add lại như thế.
Miễn là không dùng thêm addEventListener hay setInterval/Timeout thì hiệu năng sẽ không bị ảnh hưởng, mà đây chỉ là hiệu năng cái giao diện khi tương tác, làm đúng thì sẽ tốt mà làm sai thì sẽ hỏng ví dụ như skin Lepton ở thời điểm hiện tại, mở tầm vài nghìn tab là khi đóng/mở tab bị delay.
Xài kết hợp với Simple Tab Groups đi fen.
Firefox ở thời điểm hiện tại muốn làm cái tab group ra trò chắc chỉ có userChrome.js mới khả quan nhỉ ?

Mình test cả Workspace và Simple Tab Group thì thấy nó chậm chắc do mở nhiều tab quá (4k tab).
 
Ngài hoà thượng bị gầy @toi la gay :sosad: ơi cho tôi hỏi sao phịt nệm nó ko cho tôi download ảnh về máy là sao thế ngài Thích Nhất Niệm ơi
MK6qUj6.png
View attachment 2135732
Trang nó cấm tải bằng anti-hotlink thôi ngài hoàng tử, ngài dùng HE thêm Referer là https://pixiv.net/ cho i.pximg.net là được.

 
Simple Tab Groups Miêu sài 1 thời gian lâu lâu bị mất tab trong group nhé nên cần thận backup bookmark nếu k muốn toi vài nghìn tab
7Nr5utd.gif
Trong các hình thái quản lý tab thì có vẻ dùng Bookmark làm Tab Group kiểu này chính là hình thái an toàn nhất, miêu thử thằng này xem:

Sắp tới sẽ thử nó để có thói quen dùng tab xanh sạch đẹp hơn, bao lâu nay ngại chuyển giao vì lượng tab quan trọng lên tới 4-5k tab, tắt đi thì phí mà để đó thì không chuyển giao được.
 
Trong các hình thái quản lý tab thì có vẻ dùng Bookmark làm Tab Group kiểu này chính là hình thái an toàn nhất, miêu thử thằng này xem:

Sắp tới sẽ thử nó để có thói quen dùng tab xanh sạch đẹp hơn, bao lâu nay ngại chuyển giao vì lượng tab quan trọng lên tới 4-5k tab, tắt đi thì phí mà để đó thì không chuyển giao được.
Miêu cũng sài thử thằng này rồi. Nó gom lại bất tiện hơn sài cái Simple Tab Groups. Cái Simple Tab Groups sài ngon nhưng có vẻ tab nhiều lâu lâu hay bị corrupt. Nó cũng lưu vào bookmark đó nên từ bookmark load ra lại được có cái hơi mất công
7Nr5utd.gif

1697702279774.png
 
Firefox ở thời điểm hiện tại muốn làm cái tab group ra trò chắc chỉ có userChrome.js mới khả quan nhỉ ?

Mình test cả Workspace và Simple Tab Group thì thấy nó chậm chắc do mở nhiều tab quá (4k tab).
Các addon tab group khi hiển thị các tab của group hiện tại thì nó sẽ ẩn tab của các group khác đi, mà ẩn này cũng chỉ là display:none chứ DOM thì vẫn còn nguyên nên chậm là phải rồi. Dùng userChrome.js thì có khả năng dùng kĩ thuật windowing lên tab bar để giảm bớt số DOM cần render, mạnh tay hơn còn có thể lưu bớt tab xuống DB thay vì trong ram, chắc là còn nhanh hơn nữa.
 
Back
Top