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

Cũng dễ thôi, phần kéo thả thì hơi khoai hơn tí. Còn cả phần lưu data của group vào đâu để tắt đi bật lại nữa.
Nếu "lười" thì fork luôn cái Sidebar Tabs này lấy logic xử lý tab, chỉ khác là thực hiện trên tab thật.
toi la gay :sosad: said:
Cơ mà nếu ông ấy làm thành công Tab Group kiểu Chrome cũng được vì nhiều khi kém miếng khó chịu, mình nghĩ là nếu dùng userChrome.js thì làm được, @ndv92 thấy có khả quan nếu dùng ucjs không ? Ý tưởng:
  • Tạo một group element bọc xung quanh các tab muốn nhóm, dùng border tạo màu
  • Để nhô ra chút ở cái group để tạo tên nhóm, khi bấm vào thì lắng nghe theo eventListener rồi ẩn mấy cái tab trong group element đi

Addon Sidetab này cũng làm tab group ổn áp phết:
Click to expand...
À mà ông aminomancer update lại cái vertical tab pane ngon choét rồi nhé. Mình vẫn dùng cái này với Firefox lâu nay.
github.com

GitHub - aminomancer/uc.css.js: A dark indigo CSS theme for Firefox and a large collection of privileged scripts to add new buttons, menus, and behaviors and eliminate nuisances. The theme is similar to other userChrome stylesheets, but it's intended

A dark indigo CSS theme for Firefox and a large collection of privileged scripts to add new buttons, menus, and behaviors and eliminate nuisances. The theme is similar to other userChrome styleshee...
github.com github.com
 
ndv92 said:
Cũng dễ thôi, phần kéo thả thì hơi khoai hơn tí. Còn cả phần lưu data của group vào đâu để tắt đi bật lại nữa.
Nếu "lười" thì fork luôn cái Sidebar Tabs này lấy logic xử lý tab, chỉ khác là thực hiện trên tab thật.
Click to expand...
Vừa thử làm cái nháp Tab Group kiểu rất đơn giản:
  • Group chia thành class kiểu red, green, blue, orage, purple, pink... y như container của Firefox, có sẵn thuộc tính cho border kiểu .tabbrowser-tab.green { border: 4px green solid!important;}, làm tương tự cho các màu khác
  • Chạy một đoạn code gán tag group cho tab cần gán, rồi tráo đổi vị trí sao cho các tab sau tab thứ nhất của group sẽ di chuyển lại gần tab thứ nhất
  • Và thế là có Tab Group, tất nhiên là nó rất đơn sơ mộc mạc, nhưng mà khả quan, cái khó là lưu phiên để khi mở lại không mất là cái khó, chứ kiểu người dùng bật 7-8 tháng tắt một lần thì không quan tâm
  • Collapse thì đang tính lợi dụng cái tab thứ nhất, ẩn hết tên, icon đi khi gập lại rồi dùng nó để mở ra thay vì bọc nó bằng bất cứ cái gì khác, vậy sẽ đỡ phải can thiệp sâu vào DOM gây lỗi

1701014436778.png
 
toi la gay :sosad: said:
Tắt Floorp đi là được chứ hệ điều hành nào cũng không cho chỉnh sửa file thực thi mà đang mở.

Đổi ở đâu cũng được, khó quá thì dùng userChrome.css:
github.com

firefox-csshacks/chrome/custom_default_tab_favicons.css at master · MrOtherGuy/firefox-csshacks

Collection of userstyles affecting the browser. Contribute to MrOtherGuy/firefox-csshacks development by creating an account on GitHub.
github.com github.com

Code: 
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/custom_default_tab_favicons.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Icon files not included. Save the icon files to same folder where userChrome.css is */

 /* Default tab favicon, the globe kind of thing */
.tab-icon-image:not([src]){
  content: url("icon.png"); /* filename for icon to load */
}

/* The Firefox brand icon seen on newtab page etc. */
.tab-icon-image[src="chrome://branding/content/icon32.png"]{
  content: url("icon.png"); /* filename for icon to load */
}

Tải đại một file ảnh nào tốt nhất là định dạng jpg hoặc png, đổi tên thành icon.png để cùng một thư mục với userChrome.css, làm tương tự cho mọi icon khác.

Hoặc dùng tool này tạo base64 paste vào icon.png trong code trên.

Base64 Editor

Base64 editor, encoder and decoder, image viewer and resizer, font viewer
nimadez.github.io
Click to expand...
mình thử đóng thoát, task manager, khởi động máy vào test risoheditor vẫn lỗi. có các tắt app khác hay s mò gg ko ra? hình như ko cho đổi icon app lưu trên program file của ổ c.

cách dưới userchrome.css chưa quen? có phải chỉnh code tải file về dán đè ko?
 
Voz Vớ Vẩn said:
mình thử đóng thoát, task manager, khởi động máy vào test risoheditor vẫn lỗi. có các tắt app khác hay s mò gg ko ra? hình như ko cho đổi icon app lưu trên program file của ổ c.
Click to expand...
Thử chạy Risoh bằng quyền admin xem ? Không thì copy paste file floorp.exe ra chỗ khác, sửa bằng Risoh, rồi đè vào.

Voz Vớ Vẩn said:
cách dưới userchrome.css chưa quen? có phải chỉnh code tải file về dán đè ko?
Click to expand...
Làm theo bài này để bật userChrome.css:
Rồi làm theo hướng dẫn trên.
 
cái header value muốn giả cầy trình duyệt khác thì lấy ở đâu v các bác. với cả làm sao để biết là mình đổi header trang web rồi v nhỉ
 
1701068786477.png


E chú ý là cái NextDNS của e nó ăn nhiều CPU quá. Máy mới mở lên đã ăn 30%, e có quit cái NextDNS ở dưới taskbar rồi nhưng vẫn vậy, nguyên nhân do đâu các bác nhỉ ?
// E đang dùng i5 12400f
 
toi la gay :sosad: said:
Thử chạy Risoh bằng quyền admin xem ? Không thì copy paste file floorp.exe ra chỗ khác, sửa bằng Risoh, rồi đè vào.


Làm theo bài này để bật userChrome.css:
Rồi làm theo hướng dẫn trên.
Click to expand...
chạy bằng quyền admin ok. còn chỗ menu start ko đổi đc chắc phải chỉnh thủ công.
trên floorp và firefox chỗ menu icon vẫn mặc định ko đổi đc.

còn cách userchome.css chuyên sâu quá. floorp có sẵn đã true, firefox thì chỉnh. còn xxx.css ko biết chèn icon kiểu j:sweat:
1701070455150.png
 
Voz Vớ Vẩn said:
chạy bằng quyền admin ok. còn chỗ menu start ko đổi đc chắc phải chỉnh thủ công.
trên floorp và firefox chỗ menu icon vẫn mặc định ko đổi đc.

còn cách userchome.css chuyên sâu quá. floorp có sẵn đã true, firefox thì chỉnh. còn xxx.css ko biết chèn icon kiểu j:sweat:
View attachment 2204884
Click to expand...
Icon F đỏ kia là của giao diện FloorpGX, cứ dùng của FirefoxGX là sẽ có icon hình con cáo, hoặc lấy bộ icon của FirefoxGX chuyển qua nó có folder ảnh trong thư mục chrome, cứ bê qua là xong.
 
tengihayday said:
đúng cái em đang tìm rồi ạ. mà có cách nào để kiểm tra xem trang mình muốn đổi đã đổi thành công chưa ko bác:adore:
Click to expand...
Dùng trang này nhẹ mà hiện từng li từng tí, mà cứ áp xong là nó chạy thôi:

Cũng đơn giản lắm tuy nhiên sẽ không hiện thay đổi trong devtool, bởi dev tool thường là cách ly với thay đổi của addon, đây là hướng dẫn:
1701073314413.png
 
Last edited:
tengihayday said:
em để ntn có đúng ko mà sao em test thử nó vẫn là win 10 bác nhỉ. hay là em hiểu sai cái gì rồi nhỉ:beat_brick:
View attachment 2204986


à em đổi xong dùng link của bác @toi la gay :sosad: kiểm tra thì nó hiện đc đã đổi rồi nhé bác:big_smile:. cái link bác đưa sao em lấy user agent thì đc mà đổi xong nó ko hiện sau khi đổi ạ:ah:
Click to expand...
1 là cache 2 là rule k đúng. Fen thử thêm www. xem
GEAFZUR.gif
 

Similar threads

A
SG So Sánh Kem Mắt Meso Treatment với Các Sản Phẩm Khác Trên Thị Trường
Replies
0
Views
126
AllOutOfLove
A
Masterchiefs
Nhà vệ sinh tương lai, bồn cầu sẽ biết... bắt bệnh
Replies
10
Views
622
luongthaiduong
luongthaiduong
Masterchiefs
Uống phải dầu hỏa trẻ 20 tháng tuổi suy hô hấp: Cách sơ cứu khi ngộ độc hóa chất
Replies
0
Views
210
Masterchiefs
Masterchiefs
ThatThapLuc
Ăn sáng bằng xôi, bún hay phở là tốt nhất?
10 11 12
Replies
237
Views
21K
pilypily1
pilypily1
K
tin tức Sự kiện ngày hội hp việt nam 2024 mang đến danh mục sản phẩm tích hợp trí tuệ nhân tạo (AI) mới nhất từ tập đoàn HP
Replies
2
Views
369
chienbinhso13
chienbinhso13

Share this page

Back
Top