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

[Thermophilic.Bacteria]

Lutris

Cứ an toàn thôi hoàng tử Ba Tư, người dùng Win mà đã dính vào hệ sinh thái Office thì khó dứt ra lắm, đặc biệt là Excel, sự lựa chọn nhìn chung chỉ còn: WPS Office (khựa), SoftMaker Office, LibreOffice/OpenOffice (Java chậm vê lù), ONLYOFFICE

Nếu dùng thử Linux mà một trong những thằng này đáp ứng thì được, hiện tại cứ boot đại vào USB LiveCD (không cần cài đặt) hoặc VirtualBox dùng thử cài thử sau đó kết luận sau @Thermophilic.Bacteria

Em xài Xubuntu suốt 5 năm ĐH rồi, Excel và Powerpoint phiền lắm

Không dính 2 thằng đó thì em xài Linux Mint với Google Docs cho nó khỏe cái thằng người

Hồi đi học có lần em bị dí làm Powerpoint, xài WPS Office xong đưa cho thằng thuyết trình đọc, nó chỉnh gì đấy, tới lúc thuyết trình slide lỗi tè le, cả đám chửi em

muốn ít ram thì dùng cent browser, tải về bản càng cổ thì càng đỡ tốn ram (nhớ tải bản 32bit), recommend bản v4.3.9.248, rồi vào setting trình duyệt bật cái gì tiết kiệm ra ở mục advanced, lâu rồi ko xài nên cũng quên r

Đọc thấy nhân Chromium thì em né, cũng vì cái vụ ManifestV3 sắp tới nên quyết định khẩm dô với nhà Firefox

Có sẵn Cromite portable rồi nên không lăn tăn lắm, đang đợi Floorp Lightning xem thế nào, chủ yếu em cần nhẹ + Firefox Sync

 

[Fioren]

JS có template strings sao thím không dùng cho khỏe mà code kiểu này thế?

t dùng app cho nhanh thím, chứ đâu có code, copy paste css vào xuất ra userscript luôn, dùng cái này ổn định css nào cũng chạy đc tốt

GitHub - Spiderpig86/CSStoUserScriptConverter: A simple application that converts CSS to UserScripts for GreaseMonkey, TamperMonkey, and other UserScript clients.

A simple application that converts CSS to UserScripts for GreaseMonkey, TamperMonkey, and other UserScript clients. - Spiderpig86/CSStoUserScriptConverter

github.com

 

[toi la gay :sosad:]

Hồi đi học có lần em bị dí làm Powerpoint, xài WPS Office xong đưa cho thằng thuyết trình đọc, nó chỉnh gì đấy, tới lúc thuyết trình slide lỗi tè le, cả đám chửi em

Vấn đề nằm ở tạo bằng WPS nhưng thuyết bằng Powerpoint đó, nghĩa là tính tương thích không đảm bảo vì đây là ta thi đấu trên sân khách, y như việc Firefox vào Gmail, Youtube lỗi vì cũng là đấu sân khách thôi, trọng tài thiên vị, cổ động viên đốt pháo ném vào mặt

 

[Chu Cong Canh]

Góp vui cái UserScript cho anh em xem otofun.net đỡ đau mắt vì Dark Reader mặc định không trị được

P/S: vẫn bật Dark Reader ở chế độ Dynamic nhé

// ==UserScript==
// @name       Dark Background - otofun.net
// @namespace   Violentmonkey Scripts
// @match       https://www.otofun.net/*
// @grant       none
// @version     1.0
// @author      Chu Cong Canh
// @description 
// ==/UserScript==

(function() {
  document.querySelectorAll('.p-nav, .p-sectionLinks, .p-body, .p-body-inner, .block-body, .message-inner, .message-user, .message-cell, .reactionsBar, .bbCodeBlock, .block-outer ').forEach(function(element) {
    element.style.backgroundColor ='#121212';
    });
  })();

 

[toi la gay :sosad:]

Góp vui cái UserScript cho anh em xem otofun.net đỡ đau mắt vì Dark Reader mặc định không trị được

P/S: vẫn bật Dark Reader ở chế độ Dynamic nhé

Ngoài ra nên dùng #3f3f3f hay #121212 (đen xám) thay cho #000000 (đen tuyền) vì đen tuyền rất hại mắt và đã được nhiều nhà nghiên cứu khuyến cáo là nên dùng đen xám thay thế, hiệu quả y chang nhưng tốt cho mắt hơn.

Chí tiết (Avoid pure black): Dark UI Best Practices and Examples - Sympli (https://sympli.io/blog/dark-ui-best-practices-and-examples)

Ảnh kiểm tra mắt:

 

[mieuboy]

à dùng floorp có mouse guesture nào dùng được trong new tab và các trang extension k nhỉ?. mình test thử cái simple mouse guesture ở #1 thì k dùng được ở newtab và trang extention. Dùng cái guestufy thì dùng được ở newtab, nhưng trang extension k được

 

[shenzero999]

Ngài gầy mê koo @toi la gay :sosad: ơi. Cho tôi hỏi là phịt nệm của tôi dùng lướt trang cứ bị mấy cái đường ngang màu đen chắn lại là sao thế hả ngài gầy

Đổi qua reader mode thì nó hết, quá chán

 

[health]

bt mà? fen có dùng rule adblock hay userscript gì xóa cột bên phải ko? tắt đi
View attachment 2111741

Giao diện đẹp phết

 

[toi la gay :sosad:]

Ngài gầy mê koo @toi la gay :sosad: ơi. Cho tôi hỏi là phịt nệm của tôi dùng lướt trang cứ bị mấy cái đường ngang màu đen chắn lại là sao thế hả ngài gầy

Đổi qua reader mode thì nó hết, quá chán

View attachment 2112020

Hoàng tử Ba Tư ném cho cái link phát.

Chắc trang bị ngu dùng uBlock chặt là hết thôi.

 

[Chu Cong Canh]

Ngoài ra nên dùng #3f3f3f hay #121212 (đen xám) thay cho #000000 (đen tuyền) vì đen tuyền rất hại mắt và đã được nhiều nhà nghiên cứu khuyến cáo là nên dùng đen xám thay thế, hiệu quả y chang nhưng tốt cho mắt hơn.

Chí tiết (Avoid pure black): Dark UI Best Practices and Examples - Sympli (https://sympli.io/blog/dark-ui-best-practices-and-examples)

Ảnh kiểm tra mắt:
View attachment 2112016

OK ngài, t cho về 121212 hết

 

[Chu Cong Canh]

Ngài gầy mê koo @toi la gay :sosad: ơi. Cho tôi hỏi là phịt nệm của tôi dùng lướt trang cứ bị mấy cái đường ngang màu đen chắn lại là sao thế hả ngài gầy

Đổi qua reader mode thì nó hết, quá chán

View attachment 2112020

T đoán là adblock nó block 1 phần code dẫn đến broke cái floating menu hiện mục lục bài viết bên tay trái

 

[toi la gay :sosad:]

à dùng floorp có mouse guesture nào dùng được trong new tab và các trang extension k nhỉ?. mình test thử cái simple mouse guesture ở #1 thì k dùng được ở newtab và trang extention. Dùng cái guestufy thì dùng được ở newtab, nhưng trang extension k được

Do WebExtension thôi nên giờ muốn cái MouseGesture xịn hịn nhất phải phang userChrome.js (cũng khoai) thì có chịu không để mình hướng dẫn ?

Ngài gầy mê koo @toi la gay :sosad: ơi. Cho tôi hỏi là phịt nệm của tôi dùng lướt trang cứ bị mấy cái đường ngang màu đen chắn lại là sao thế hả ngài gầy

Đổi qua reader mode thì nó hết, quá chán

Tìm ra cách rồi nhé, cho cái này vào My Filters của uBlock:

||topdev.vn/blog/wp-content/plugins/fixed-toc/

Hết nhẵn sờ nhụi nhé, cái đó chả có tác dụng gì chặn đi tải trang cho nhanh:

 

[toi la gay :sosad:]

@mieuboy Hướng dẫn cách cài MouseGesture dạng userChrome.js, xịn hịn nhất quả đất hoạt động trên 100% trang vì mình vừa thử cài xong mất vài s là xong nên thôi viết luôn, video không che: floorp_2023-10-06_16-16-30.mp4 (https://streamable.com/w20rbj)

• Nếu chưa từng cài userChrome.js thì làm như phần cài Loader ở bài:
  • Tạo nút tắt/bật/quản lý addon với userChrome.js (mới và tốt hơn)
• Tải thẳng file này MouseGestures2_e10s.uc.js vào thư mục JS
• Khởi động lại Firefox/Floorp

Tận hưởng thành quả như video trên.

 

[mieuboy]

@mieuboy Hướng dẫn cách cài MouseGesture dạng userChrome.js, xịn hịn nhất quả đất hoạt động trên 100% trang vì mình vừa thử cài xong mất vài s là xong nên thôi viết luôn, video không che: floorp_2023-10-06_16-16-30.mp4 (https://streamable.com/w20rbj)

• Nếu chưa từng cài userChrome.js thì làm như phần cài Loader ở bài:
  • Tạo nút tắt/bật/quản lý addon với userChrome.js (mới và tốt hơn)
• Tải thẳng file này MouseGestures2_e10s.uc.js vào thư mục JS
• Khởi động lại Firefox/Floorp

Tận hưởng thành quả như video trên.

oki bác. để lúc nào rảnh rảnh minh nghiên cứu xem sao.
à mà cho m hỏi chút. đang dùng firefox thì liên quan gì đến chrome mà lại là userchrome bác nhỉ?

 

[toi la gay :sosad:]

à mà cho m hỏi chút. đang dùng firefox thì liên quan gì đến chrome mà lại là userchrome bác nhỉ?

Thuật ngữ userChrome của Firefox có từ trước khi Chrome ra đời, chrome ở đây mang hàm ý giao diện:

Chrome - MDN Web Docs Glossary: Definitions of Web-related terms | MDN

In a browser, the chrome is any visible aspect of a browser aside from the webpages themselves (e.g., toolbars, menu bar, tabs). This is not to be confused with the Google Chrome browser.

developer.mozilla.org

In a browser, the chrome is any visible aspect of a browser aside from the webpages themselves (e.g., toolbars, menu bar, tabs).

Suy ra:

• userChrome.js: Javascript đập thẳng vào giao diện người dùng
• userChrome.css: CSS đập thẳng vào giao diện người dùng

 

[kjllmeplz]

Test cái privaxy. Tiện được cái dùng sẵn filter của bọn ABP, ublock nên ko phải tự viết như privoxy. Nhưng chỉ có mỗi thế là hết, không tuỳ biến nhiều như privoxy, nhất là vụ ko nhúng được userscript để khỏi cái tampermonkey như privoxy.
Kết luận, vẫn xài privoxy, cái kia để xem nó có phát triển tiếp ko, mà nhìn github thấy từ đầu năm nay ko update rồi, ko biết tác giả chán hay sao rồi mà ko làm tiếp.

 

[Chu Cong Canh]

Ngài @toi la gay :sosad: cho hỏi sao t bật userChrome.css lên rồi install cái Extension Option Panel thì nó hiện 2 cái nút quản lý addon giống nhau? Có cách nào bỏ cái gốc đi không? T hỏi trên Floorp portable.

 

[toi la gay :sosad:]

Ngài @toi la gay :sosad: cho hỏi sao t bật userChrome.css lên rồi install cái Extension Option Panel thì nó hiện 2 cái nút quản lý addon giống nhau? Có cách nào bỏ cái gốc đi không? T hỏi trên Floorp portable.

Như thế là đúng, nhưng mà cách tốt nhất là đổi màu thay vì bỏ cái gốc đi do cái gốc dùng để Pin addon vào toolbar (phát kiến thiểu năng của MV3 nhưng buộc phải theo nếu muốn cài các addon viết bằng MV3 ví dụ cài từ Chrome Webstore).

Sau này tác giả Extension Option Panel thêm tính năng Pin thì bỏ đi ez, giờ thì nên giữ còn sau này bỏ thì chuyển thành display: none!important;

Dùng cái này bỏ vào file userChrome.css, chỉnh màu tùy ý nhé:

#unified-extensions-button {
    color: red!important;
}

Kết:

Như lày hợp lý hơn.

 

[Chu Cong Canh]

Hóa ra là tính năng ngiu chứ không phải Floorp của t bị lỗi.

 

[shenzero999]

Do WebExtension thôi nên giờ muốn cái MouseGesture xịn hịn nhất phải phang userChrome.js (cũng khoai) thì có chịu không để mình hướng dẫn ?

Tìm ra cách rồi nhé, cho cái này vào My Filters của uBlock:

||topdev.vn/blog/wp-content/plugins/fixed-toc/

Hết nhẵn sờ nhụi nhé, cái đó chả có tác dụng gì chặn đi tải trang cho nhanh:
View attachment 2112064

Mấy trang có TOC bị hết ngài ei. Có cách fix triệt để k ngài ei