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.
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.