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

Một bài hướng dẫn nữa về HE: Cách xóa triệt nội dung web

Các bạn chắc đã quá quen với tính năng Element Picker của Adblock (uBlock, Adguard, ABP...), đó là tính năng ẩn nội dung web đi, thế nhưng ẩn khác xa với chặn, ẩn thì những bức ảnh, rác rưởi vẫn sẽ tải ngầm và vẫn lãng phí băng thông, còn với HE thì bài này mình hướng dẫn hẳn xóa nội dung web đi, đã xóa là đứt con nòng nọc không để lại hậu quả về sau.

Ưu điểm:

Bài viết yêu cầu người đọc có hiểu biết về Regex ở mức độ vừa phải để sau này tự phát triển ra khi cần.
Sử dụng trang web RegEx101 này để viết code, copy nội dung web vào trang này rồi viết code theo thời gian thực sẽ rất dễ dàng.

Đầu tiên là trang web ví dụ, mình dùng trang này: https://blogtruyenmoi.com/c402446/bat-nat-chap-1
Vấn đề: Khi tải trang nó tải cả phần comment với ảnh động, tốn bandwidth và tài nguyên CPU/GPU để render.
1695310955464.png
1695310955464.png

Giải pháp: Xóa tiệt nó đi
Cách thức:
  • Bật Modify response body (only supports Firefox) nếu chưa từng bật
  • Từ HE, tạo một rule mới
  • Name thì đặt gì cũng được
  • Modify response body
  • Regular Expression
  • Match: ^.*?blogtruyen.*?/c
  • Custom function: return val.replace(/<section style="background: white;margin: 10px auto; width: 1200px;height: 1200px; z-index: 999; position: relative;">[\s\S]*?<section class="bg-white comments"[\s\S]*?<div class="clear-fix"><\/div>[\s\S]*?<\/section>/, '<!-- CLEANED -->');
  • Ở phần trên mình sẽ giải thích kỹ hơn, các bạn chuột phải vào trang ví dụ rồi View Source, các bạn sẽ xóa là xóa nội dung HTML trong các mã nguồn đó, thì phần comment nó ở đoạn này:
  • 1695312779230.png
  • Mục đích ở đây là các bạn viết code RegEx sao cho nó nhặt toàn bộ đoạn này và xóa đi. Khi bạn F5 ở phần View Source sẽ thấy nó bị xóa hoàn toàn:
  • 1695312955378.png

Nói chung là như hình sau:
1695312295853.png


Save và F5, sẽ thấy cái khung comment bị triệt hết cả giống nòi, trang load siêu nhanh bởi không còn phí thời gian tải Facebook, rác rưởi, cặn bã...:
1695312232944.png


Kết bài:
HE là một vũ khí khủng khiếp giúp bạn thâm nhập sâu vào mã nguồn trang web, nếu thành thạo các bạn có thể tăng tốc lướt web lên bằng cách xóa những thứ rác không cần thiết, cách này vượt trội so với ẩn đi bằng CSS display:none của uBlock/Adguard/ABP, và trị những quảng cáo cứng đầu nhất.

Tuy nhiên nhược điểm là nó yêu cầu khá cao từ phía người dùng.
 
Last edited:
toi la gay :sosad: said:
Một bài hướng dẫn nữa về HE: Cách xóa triệt nội dung web

Các bạn chắc đã quá quen với tính năng Element Picker của Adblock (uBlock, Adguard, ABP...), đó là tính năng ẩn nội dung web đi, thế nhưng ẩn khác xa với chặn, ẩn thì những bức ảnh, rác rưởi vẫn sẽ tải ngầm và vẫn lãng phí băng thông, còn với HE thì bài này mình hướng dẫn hẳn xóa nội dung web, đã xóa là đứt con nòng nọc không để lại hậu quả về sau.

Ưu điểm:

Bài viết yêu cầu người đọc có hiểu biết về Regex ở mức độ vừa phải để sau này tự phát triển ra khi cần.

Đầu tiên là trang web ví dụ, mình dùng trang này: https://blogtruyenmoi.com/c402446/bat-nat-chap-1
Vấn đề: Khi tải trang nó tải cả phần comment với ảnh động, tốn bandwidth và tài nguyên CPU/GPU để render.
View attachment 2085463View attachment 2085463
Giải pháp: Xóa tiệt nó đi
Cách thức:
  • Bật Modify response body (only supports Firefox) nếu chưa từng bật
  • Từ HE, tạo một rule mới
  • Name thì đặt gì cũng được
  • Modify response body
  • Regular Expression
  • Match: ^.*?blogtruyen.*?/c
  • Custom function: return val.replace(/<section style="background: white;margin: 10px auto; width: 1200px;height: 1200px; z-index: 999; position: relative;">[\s\S]*?<section class="bg-white comments"[\s\S]*?<div class="clear-fix"><\/div>[\s\S]*?<\/section>/, '<!-- CLEANED -->');
  • Ở phần trên mình sẽ giải thích kỹ hơn, các bạn chuột phải vào trang ví dụ rồi View Source, các bạn sẽ xóa là xóa nội dung HTML trong các mã nguồn đó, thì phần comment nó ở đoạn này:
  • View attachment 2085496
  • Mục đích ở đây là các bạn viết code RegEx sao cho nó nhặt toàn bộ đoạn này và xóa đi.

Nói chung là như hình sau:
View attachment 2085486

Save và F5, sẽ thấy cái khung comment bị triệt hết cả giống nòi, trang load siêu nhanh bởi không còn phí thời gian tải Facebook, rác rưởi, cặn bã...:
View attachment 2085485
Click to expand...
vê ô dét thì sao fen ngày nào mình cũng vào đó hết :shame:
 
toi la gay :sosad: said:
Một bài hướng dẫn nữa về HE: Cách xóa triệt nội dung web

Các bạn chắc đã quá quen với tính năng Element Picker của Adblock (uBlock, Adguard, ABP...), đó là tính năng ẩn nội dung web đi, thế nhưng ẩn khác xa với chặn, ẩn thì những bức ảnh, rác rưởi vẫn sẽ tải ngầm và vẫn lãng phí băng thông, còn với HE thì bài này mình hướng dẫn hẳn xóa nội dung web, đã xóa là đứt con nòng nọc không để lại hậu quả về sau.

Ưu điểm:

Bài viết yêu cầu người đọc có hiểu biết về Regex ở mức độ vừa phải để sau này tự phát triển ra khi cần.

Đầu tiên là trang web ví dụ, mình dùng trang này: https://blogtruyenmoi.com/c402446/bat-nat-chap-1
Vấn đề: Khi tải trang nó tải cả phần comment với ảnh động, tốn bandwidth và tài nguyên CPU/GPU để render.
View attachment 2085463View attachment 2085463
Giải pháp: Xóa tiệt nó đi
Cách thức:
  • Bật Modify response body (only supports Firefox) nếu chưa từng bật
  • Từ HE, tạo một rule mới
  • Name thì đặt gì cũng được
  • Modify response body
  • Regular Expression
  • Match: ^.*?blogtruyen.*?/c
  • Custom function: return val.replace(/<section style="background: white;margin: 10px auto; width: 1200px;height: 1200px; z-index: 999; position: relative;">[\s\S]*?<section class="bg-white comments"[\s\S]*?<div class="clear-fix"><\/div>[\s\S]*?<\/section>/, '<!-- CLEANED -->');
  • Ở phần trên mình sẽ giải thích kỹ hơn, các bạn chuột phải vào trang ví dụ rồi View Source, các bạn sẽ xóa là xóa nội dung HTML trong các mã nguồn đó, thì phần comment nó ở đoạn này:
  • View attachment 2085496
  • Mục đích ở đây là các bạn viết code RegEx sao cho nó nhặt toàn bộ đoạn này và xóa đi. Khi bạn F5 ở phần View Source sẽ thấy nó bị xóa hoàn toàn:
  • View attachment 2085499

Nói chung là như hình sau:
View attachment 2085486

Save và F5, sẽ thấy cái khung comment bị triệt hết cả giống nòi, trang load siêu nhanh bởi không còn phí thời gian tải Facebook, rác rưởi, cặn bã...:
View attachment 2085485

Kết bài:
HE là một vũ khí khủng khiếp giúp bạn thâm nhập sâu vào mã nguồn trang web, nếu thành thạo các bạn có thể tăng tốc lướt web lên bằng cách xóa những thứ rác không cần thiết, cách này vượt trội so với ẩn đi băng CSS display:none của uBlock/Adguard/ABP, và trị những quảng cáo cứng đầu nhất.

Tuy nhiên nhược điểm là nó yêu cầu khá cao từ phía người dùng.
Click to expand...
Mobile làm đc ko bác ơi
 
netorarekamisama said:
vê ô dét thì sao fen ngày nào mình cũng vào đó hết :shame:
Click to expand...
Cơ mà phải có mục tiêu là xóa gì kia, nói chung cứ View Source, rồi viết code là ok, dùng nhiều lệnh .replace nếu muốn xóa nhiều lần, ví dụ: val.replace(/1/, '').replace(/2/, '').replace(/3/, '');

Dùng trang RegEx101 mình bày bên trên viết code không bao giờ sai: https://voz.vn/t/tong-hop-nhung-addon-chat-cho-firefox-pc-mobile.682181/post-27875389

health said:
Mobile làm đc ko bác ơi
Click to expand...
Được nhé, cứ cài HE cơ mà chỉ được với Firefox, còn Chromium là dòng nó hạn chế khả năng chặn quảng cáo đi nhiều lắm nên không cho xóa mã nguồn đâu.
 
health said:
Má mấy thanh niên ở trang chủ toàn đăng cả đống video youtube load nặng vl bác ơi
Click to expand...
Ví dụ đời thực là trang chủ Đen Vâu, ở đây là mình ẩn bằng uBlock, nghĩa là kể cả ẩn đi rồi Tiktok vẫn load ầm ầm, vẫn track người dùng, vẫn tốn bandwidth và tất nhiên áp dụng cho cả Youtube, nếu sử dụng HE xóa triệt sẽ lại là một câu chuyện khác:

1695314107674.png


Cách thức:
  • Bật Modify response body (only supports Firefox) nếu chưa từng bật
  • Từ HE, tạo một rule mới
  • Name thì đặt gì cũng được
  • Modify response body
  • Domain
  • Match: voz.vn
  • Custom function: return val.replace(/<div class="p-body-sidebar">[\s\S]*?<\/footer>/, '<!-- CLEANED -->').replace('</head>', '<style>.p-body-pageContent{max-width: 100% !important;width: 100% !important;}.p-body-sidebar,.p-body-sidebarCol{display:none!important}</style></head>');
Cụ thể:
1695314792685.png


F5 lại cái, và anh ấy đã trết, trang tải nhanh như tên lửa, đó là cả một thế giới mới đó. Benchmark hẳn luôn tốc độ tải trang, chưa tới 1s (floorp_2023-09-22_10-02-49.mp4 (https://streamable.com/uigw5h)). :D
1695314519849.png

1695314749241.png


Đó là sức mạnh của Header Editor (HE), khi mà đẩy giới hạn của nó lên mức cao nhất.
 
Last edited:
toi la gay :sosad: said:
Ví dụ đời thực là trang chủ Đen Vâu, ở đây là mình ẩn bằng uBlock, nghĩa là kể cả ẩn đi rồi Tiktok vẫn load ầm ầm, vẫn track người dùng, vẫn tốn bandwidth và tất nhiên áp dụng cho cả Youtube, nếu sử dụng HE xóa triệt sẽ lại là một câu chuyện khác:

View attachment 2085528

Custom function: return val.replace(/<div class="block" data-widget-id="8" data-widget-key="forum_overview_new_profile_posts" data-widget-definition="new_profile_posts" data-xf-init="lightbox">[\s\S]*?<div class="block" data-widget-id="9" data-widget-key="forum_overview_forum_statistics" data-widget-definition="forum_statistics">/, '<!-- CLEANED --><div class="block" data-widget-id="9" data-widget-key="forum_overview_forum_statistics" data-widget-definition="forum_statistics">');

Cụ thể:
View attachment 2085539

F5 lại cái, và anh ấy đã trết, trang tải nhanh như tên lửa, đó là cả một thế giới mới đó :D
View attachment 2085533
View attachment 2085538

Đó là sức mạnh của Header Editor (HE), khi mà đẩy giới hạn của nó lên mức cao nhất.
Click to expand...
Làm cái này có khó lắm ko bác
 
health said:
Má mấy thanh niên ở trang chủ toàn đăng cả đống video youtube load nặng vl bác ơi
Click to expand...

toi la gay :sosad: said:
Ví dụ đời thực là trang chủ Đen Vâu, ở đây là mình ẩn bằng uBlock, nghĩa là kể cả ẩn đi rồi Tiktok vẫn load ầm ầm, vẫn track người dùng, vẫn tốn bandwidth và tất nhiên áp dụng cho cả Youtube, nếu sử dụng HE xóa triệt sẽ lại là một câu chuyện khác:

View attachment 2085528

Custom function: return val.replace(/<div class="block" data-widget-id="8" data-widget-key="forum_overview_new_profile_posts" data-widget-definition="new_profile_posts" data-xf-init="lightbox">[\s\S]*?<div class="block" data-widget-id="9" data-widget-key="forum_overview_forum_statistics" data-widget-definition="forum_statistics">/, '<!-- CLEANED --><div class="block" data-widget-id="9" data-widget-key="forum_overview_forum_statistics" data-widget-definition="forum_statistics">');

Cụ thể:
View attachment 2085539

F5 lại cái, và anh ấy đã trết, trang tải nhanh như tên lửa, đó là cả một thế giới mới đó :D
View attachment 2085533
View attachment 2085538

Đó là sức mạnh của Header Editor (HE), khi mà đẩy giới hạn của nó lên mức cao nhất.
Click to expand...
Em còn định chặt luôn cả cái p-body-sidebar do quá gà, chỉ biết chặt thằng to nhất
Omd40Mz.png
 
health said:
Làm cái này có khó lắm ko bác
Click to expand...
Thật ra câu trả lời là khó đó, cái này dành cho người dùng nâng cao và đã có kinh nghiệm với RegEx, phần bôi đỏ này rất quan trọng tuy nhiên RegEx rất hữu dụng trong nghề cào cấu dữ liệu hay phân loại dữ liệu, và rất nhiều ứng dụng ngày nay dùng tới RegEx, phải tới 99% nhỉ, mọi ngôn ngữ lập trình đều có thư viện RegEx, tất cả trình duyệt đều có RegEx.

Tuy nhiên một khi thạo thì rất đơn giản thôi, RegEx chỉ cần học .*? và [\s\S]*? là đủ, không cần nhiều hơn.
nhoxbuondkny said:
Em còn định chặt luôn cả cái p-body-sidebar do quá gà, chỉ biết chặt thằng to nhất
Omd40Mz.png
Click to expand...
 
toi la gay :sosad: said:
Thật ra câu trả lời là khó đó, cái này dành cho người dùng nâng cao và đã có kinh nghiệm với RegEx, phần bôi đỏ này rất quan trọng tuy nhiên RegEx rất hữu dụng trong nghề cào cấu dữ liệu hay phân loại dữ liệu, và rất nhiều ứng dụng ngày nay dùng tới RegEx, phải tới 99% nhỉ, mọi ngôn ngữ lập trình đều có thư viện RegEx, tất cả trình duyệt đều có RegEx.

Tuy nhiên một khi thạo thì rất đơn giản thôi, RegEx chỉ cần học .*? và [\s\S]*? là đủ, không cần nhiều hơn.
Click to expand...
Nếu k phiền bác viết hướng dẫn cách block phần chat ở trong chủ voz được ko ah, ở đó load lắm youtube quá :(
 
health said:
Nếu k phiền bác viết hướng dẫn cách block phần chat ở trong chủ voz được ko ah, ở đó load lắm youtube quá :(
Click to expand...
Cái thầy Gầy viết đấy bác, chỉ việc copy vào thôi mà
erogemaster225 said:
Cái layout của voz ảo lắm (nhìn cái code theme nord là thấy) lúc chọn css selector cẩn thận tí
Click to expand...
nhìn ảo thật bác ạ, lớ ngớ chặt hết luôn nội dung web
PLJmXG1.png
 
Em chào các bác, em mạn phép hỏi thắc mắc của mình trong topic này, chẳng qua là em đang uninstall Kaspersky, đã dùng Your Uninstaller để gỡ các file temp + reg, nhưng ngặt nỗi khi em vào folder x86 thì vẫn còn cái folder Kaspersky Lab chứa các file đuôi dll và một số file khác, em đã thử cách delete bình thường nhưng nó lại báo là các file này đang được mở nên không xoá được, em nghiên cứu cách xoá bằng cmd và Safe Mode nhưng vẫn không được ạ ? Các bác ở đây ai đã có kinh nghiệm xử lý các trường hợp này rồi có thể hướng dẫn giúp em làm cách nào delete được không ạ ? Cảm ơn mọi người nhiều :love:
 
Post Malone said:
Em chào các bác, em mạn phép hỏi thắc mắc của mình trong topic này, chẳng qua là em đang uninstall Kaspersky, đã dùng Your Uninstaller để gỡ các file temp + reg, nhưng ngặt nỗi khi em vào folder x86 thì vẫn còn cái folder Kaspersky Lab chứa các file đuôi dll và một số file khác, em đã thử cách delete bình thường nhưng nó lại báo là các file này đang được mở nên không xoá được, em nghiên cứu cách xoá bằng cmd và Safe Mode nhưng vẫn không được ạ ? Các bác ở đây ai đã có kinh nghiệm xử lý các trường hợp này rồi có thể hướng dẫn giúp em làm cách nào delete được không ạ ? Cảm ơn mọi người nhiều :love:
Click to expand...
Kaspersky thì có chuyên gia là @Fioren

Tuy nhiên thời mình còn dùng AV, AV nào cũng có công cụ xóa triệt để của họ và đó mới là tốt nhất, hình như Kaspersky là cái này ? https://support.kaspersky.com/common/uninstall/1464
 

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
116
AllOutOfLove
A
Masterchiefs
Nhà vệ sinh tương lai, bồn cầu sẽ biết... bắt bệnh
Replies
10
Views
613
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
201
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
20K
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
365
chienbinhso13
chienbinhso13

Share this page

Back
Top