Làm cách nào để chặn div trên trang web vĩnh viễn bằng Chrome?

12

Có một trang web mà tôi thích, nhưng với một phần bình luận siêu gây khó chịu cho tôi. Tôi muốn chặn div giữ bình luận vĩnh viễn, trên các trang, trong Google Chrome.

Để xóa tạm thời, tôi chỉ có thể xóa nút bằng Công cụ dành cho nhà phát triển web của Chrome. Nhưng làm thế nào để loại bỏ nó mãi mãi?

Làm thế nào tôi có thể làm điều đó? Tôi cá là Adblock không giúp tôi, cũng không có ý tốt. Ngay cả khi tôi cố gắng, cuối cùng tôi cũng lướt qua những bình luận không tốt cho sức khỏe tâm thần của mình. Gợi ý: Đây là một trang web thể thao với các bình luận chất lượng rất thấp.

Vì vậy, đây là ví dụ ảo:

TRANG WEB: www.sportsrumours.com
DIV để chặn: <div class="comments">All annoying comments go here</div>
DIV giống nhau trên tất cả các trang của www.sportsrumours.com

google-chrome blocking

— mcbetz
nguồn

25

Đối với loại điều này, tôi thường khuyên dùng Addon sành điệu cho chrome.

Duyệt đến trang web khi bạn đã cài đặt addon và truy cập:

Sành điệu (Biểu tượng)> Quản lý kiểu đã cài đặt> Viết kiểu mới. Đặt tên cho nó và chọn "áp dụng cho". Cung cấp tên miền của trang web bạn muốn xóa nhận xét và chọn "URL trên tên miền".

sử dụng mã tương tự như sau để ẩn div:

.comments {display: none !important;}

Lưu và bạn sẽ thấy div hiện đang bị ẩn

EDIT : Sành điệu hiện là bút stylus - bạn có thể tải xuống tại đây: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

— Fazer87
nguồn

FYI: Sau vụ bê bối sau các hoạt động thu thập dữ liệu của Style, mã này đã được chia rẽ, làm sạch và xuất bản lại thành "Bút stylus". Hân hoan!

— Vincent Wrapsalbergh

URL được cập nhật: chrome.google.com/webstore/detail/stylus/ từ

— Owen

11

Bạn có thể sử dụng tiện ích mở rộng chrome hoặc firefox của Adblock Plus. Khi được bật, hãy nhấp vào biểu tượng tiện ích mở rộng của nó và sau đó nhấp vào "Chặn phần tử". Sau đó, bạn có thể nhấp vào một yếu tố trong trang mà bạn muốn bị chặn.

Adblock Plus sau đó sẽ chặn phần tử đó mỗi lần nó được tìm thấy.

— Andrew
nguồn

2

Tại sao điều này đã bị hạ thấp. Trình chặn quảng cáo đã hỗ trợ các yếu tố chặn trong một thời gian rất dài. Vì vậy, nếu bạn có thể tạo quy tắc cho nó trong Kiểu, bạn có thể chặn quy tắc đó bằng Adblock Plus hoặc uBlock Origin, vì chúng hỗ trợ các bộ chọn CSS.

— Daniel B

1

Đẹp! Đã sử dụng AdBlock Plus trong nhiều năm nhưng không bao giờ nhận thấy tính năng gọn gàng đó. Đôi khi tôi nhận được những khoảnh khắc "duh" đó ;-)

— deryb 20/03/18

Ôi! Mẹo tuyệt vời. Cảm ơn bạn. Với Adblock Plus, bạn có thể dễ dàng xóa bất kỳ yếu tố nào bạn muốn.

— HomTom

Dễ dàng hơn nhiều so với giải pháp được chấp nhận

— Owen

1

Bạn có thể sử dụng phần mở rộng chrome Stylebot . Sau khi cài đặt, hãy truy cập trang web, mở Stylebot và sử dụng công cụ mũi tên để chọn DIV. Sau đó tìm kiếm Layout and visibilityvà bấm vào hide. Ý DIVchí sẽ biến mất và sự thay đổi sẽ được duy trì. Tất nhiên, bạn có thể hoàn tác điều đó bất cứ khi nào bạn muốn.

— drk.com
nguồn

1

Stylebot dường như không làm việc cho tôi. Phong cách đề nghị trong anwer khác hoạt động tuyệt vời.

— Tim Swast