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

Do Wiki này làm ra cho các bạn cùng xây dựng, vậy nên mình muốn nó dễ nhất có thể khi tạo bài viết, nghĩa là mọi thứ diễn ra trên trình duyệt, không cần cài đặt gì cả và càng ít thao tác thì càng tốt.

Hiện tại mình đang cân nhắc giữa Wiki và Chirpy và đã cài đặt xong Chirpy + Wiki song song, mình thiên về Wiki vì nó dễ làm, dễ backup còn Chirpy có thể dùng Github Action cho nó sao chép thành một bản cho Chirpy sau cũng ok.
Viết cái Github wiki thì cũng là markdown thôi, ngại code thì dùng Retype
 
Cách để ignore nhiều hơn 1k member trên voz

(Do có thím ngoài kia kêu ca nên share luôn)

1696700843692.png


Đó là:

Thêm rule cho uBlock Origin như sau
voz.vn##^div[data-author="user1"],article[data-author="user1"],blockquote[data-quote="user1"]
voz.vn##^div[data-author="user2"],article[data-author="user2"],blockquote[data-quote="user2"]
...

Cứ như thế thím sẽ ẩn đi không giới hạn các post và title và quote từ những nick thím chọn :big_smile:
 
Thêm rule cho uBlock Origin như sau
voz.vn##^div[data-author="user1"],article[data-author="user1"],blockquote[data-quote="user1"]
1. Chặn div sẽ không thấy bài post của người đó nữa...
2. Dùng Hide Element đủ rồi ##, dùng HTML Filters ngoài FF ra không sử dụng được...
Fen thử code này xem. Bản quyền của mod thì phải
Mã:
voz.vn##.message.message--post.js-post.js-inlineModContainer:has(.message-name:has-text(user1))
Code này thì chưa chặn mấy cái Quote
7WYibTl.gif
 
Mình clean up trong pref luôn á fen.
Thế thì chắc do file prefs có các tối ưu gây giảm tốc độ, ví dụ nếu đã dùng Arkenfox một lần thì nó đọng lại nếu không xóa bằng tay, nhiều tối ưu tăng khả năng kháng fing thì lại gây chậm, đó là cái giá phải trả của riêng tư+bảo mật.

Nói chung là nếu không rõ cứ theo thao tác cứu máy Firefox này:
 
Đâu Miêu sài FF nè vẫn có vẫn chặn bt mà fence
56aBhKS.gif
Cái này là đang nói CSS Selector chứ không phải cái :has() của uBO fen...
Trong khi hầu hết Browser support mặc định thì thằng FF không....
1696730068435.png



1696729993209.png
 
Cái này là đang nói CSS Selector chứ không phải cái :has() của uBO fen...
Trong khi hầu hết Browser support mặc định thì thằng FF không....
Xem tệp đính kèm 2114899


Xem tệp đính kèm 2114897
Vấn đề trước có đọc là hiệu năng: [css-selectors] :has() and performance · Issue #3345 · w3c/csswg-drafts (https://github.com/w3c/csswg-drafts/issues/3345)

Vấn đề chung của CSS này, trong thực tế nếu tránh dùng được thì nên tránh, cá nhân mình thấy trong đa phần trường hợp có thể khổ cày vai bừa bằng CSS chay chứ không cần has.

Hiện Firefox 119 đã bật has: 1853701 - Enable :has on Nightly (https://bugzilla.mozilla.org/show_bug.cgi?id=1853701#c8)
 
Markdown cũng dễ dùng đặc biệt khi Github hỗ trợ WYSIWYG, nghĩa là đa phần tính năng có thể dùng nút để chèn, code dài chỉ cần dùng:

Mã:
```

function .... {}

abc();

```
Mình gợi ý Retype vì có một số thứ nó hơn Github wiki:
1. Github không search theo nội dung trong wiki được, muốn search thì phải dùng nav bar nó nhảy qua trang search riêng. Search trên navbar của Retype làm được cái này và nó hiện kết quả trong dropdown không phải đi đâu cả
2. Nó có khá nhiều component mà markdown của Github không support ví dụ như tab
3. Nó có support khá nhiều locale nếu sau này muốn dịch ra ngôn ngữ khác sẽ đơn giản hơn.
4. Ý kiến cá nhân là Github wiki dùng rất khó chịu khi collab vì nó không có pull request cực khó review và trace lỗi, tách riêng với repo nên khi fork thì không kèm theo wiki.

Còn về editor thì trong mỗi page của Retype ở dưới cùng sẽ có dòng edit có thể config để bấm vào nó mở cái file markdown đó trong wysiwyg editor của Github luôn
 
1. Chặn div sẽ không thấy bài post của người đó nữa...
2. Dùng Hide Element đủ rồi ##, dùng HTML Filters ngoài FF ra không sử dụng được...

Code này thì chưa chặn mấy cái Quote
7WYibTl.gif
thêm .bbCodeBlock-title nữa là chặn luôn quote :D
Mã:
voz.vn##.message.message--post.js-post.js-inlineModContainer:has(.message-name,.bbCodeBlock-title:has-text(USERNAME))
 
Mình gợi ý Retype vì có một số thứ nó hơn Github wiki:
1. Github không search theo nội dung trong wiki được, muốn search thì phải dùng nav bar nó nhảy qua trang search riêng. Search trên navbar của Retype làm được cái này và nó hiện kết quả trong dropdown không phải đi đâu cả
2. Nó có khá nhiều component mà markdown của Github không support ví dụ như tab
3. Nó có support khá nhiều locale nếu sau này muốn dịch ra ngôn ngữ khác sẽ đơn giản hơn.
4. Ý kiến cá nhân là Github wiki dùng rất khó chịu khi collab vì nó không có pull request cực khó review và trace lỗi, tách riêng với repo nên khi fork thì không kèm theo wiki.

Còn về editor thì trong mỗi page của Retype ở dưới cùng sẽ có dòng edit có thể config để bấm vào nó mở cái file markdown đó trong wysiwyg editor của Github luôn
@toi la gay :sosad:
Miêu thấy như fence này nói khá ok này. Việc update thì theo Miêu thấy cũng khá đơn giản chỉ việc fork project về rồi update sau đó push lên để khầy duyệt rồi github action sẽ tự build bản update đơn giản nhanh chóng.
Với lại cũng cần có 1 cái format chuẩn để mọi người cập nhật thì theo 1 cái chuẩn đấy sau này tra cứu cũng tiện hơn mà khầy quản lí cũng dễ nữa
 
@toi la gay :sosad:
Miêu thấy như fence này nói khá ok này. Việc update thì theo Miêu thấy cũng khá đơn giản chỉ việc fork project về rồi update sau đó push lên để khầy duyệt rồi github action sẽ tự build bản update đơn giản nhanh chóng.
Với lại cũng cần có 1 cái format chuẩn để mọi người cập nhật thì theo 1 cái chuẩn đấy sau này tra cứu cũng tiện hơn mà khầy quản lí cũng dễ nữa
Miêu có tk Github thì hộp mình bởi cái này mình cũng không rành, mình set quản trị cho tiện việc cài đặt.
 
Fen thử code này xem. Bản quyền của mod thì phải
Mã:
voz.vn##.message.message--post.js-post.js-inlineModContainer:has(.message-name:has-text(user1))

thêm .bbCodeBlock-title nữa là chặn luôn quote :D
Mã:
voz.vn##.message.message--post.js-post.js-inlineModContainer:has(.message-name,.bbCodeBlock-title:has-text(USERNAME))
Không hoạt động trong các trang dạng New profile posts (https://voz.vn/whats-new/profile-posts/) các thầy ạ :burn_joss_stick:
 
Mà dùng FF android rồi cài cái mobile devtool cho khỏi cần pc đi mod, tiện lắm
q67Gd9d.png
Chả biết có nên cho combo MobileDevtoolsFull+Page Source View lên #1 không, combo này tuy không giúp ích trên PC ngoài khả năng vượt anti-devtool nhưng giúp lập trình web như là bản PC, Firefox Android giờ đã cho cài 100% addon nên cài dễ dàng không cần collection nữa.

Hiện tại combo tốt nhất là bật uBlock's Network Logger + MobileDevtoolsFull+Page Source View.
 
Chả biết có nên cho combo MobileDevtoolsFull+Page Source View lên #1 không, combo này tuy không giúp ích trên PC ngoài khả năng vượt anti-devtool nhưng giúp lập trình web như là bản PC, Firefox Android giờ đã cho cài 100% addon nên cài dễ dàng không cần collection nữa.

Hiện tại combo tốt nhất là bật uBlock's Network Logger + MobileDevtoolsFull+Page Source View.
Ủa cái page source view dùng sao vậy thầy, em cài rồi ấn vào addon không có gì xảy ra luôn. Toàn phải dùng tạm tab source của mobile devtool
ari1aOV.png
 

Thống kê chủ đề

Ngày tạo
toi la gay :sosad:,
Người trả lời cuối
Snawfus,
Trả lời
31.451
Lượt xem
3.326.209
Quay lại
Lên đầu trang