Bagaimana cara memblokir div di situs web menggunakan Chrome secara permanen?

12

Ada satu situs web yang saya suka, tetapi dengan bagian komentar yang sangat mengganggu saya. Saya ingin memblokir div yang menyimpan komentar secara permanen, di seluruh halaman, di Google Chrome.

Untuk penghapusan sementara, saya bisa menghapus simpul menggunakan Alat Pengembang Web Chrome. Tapi bagaimana cara menghapusnya selamanya?

Bagaimana saya bisa melakukan itu? Saya yakin Adblock tidak membantu saya, juga tidak niat baik. Bahkan jika saya mencoba, saya akhirnya membaca komentar yang tidak baik untuk kesehatan mental saya. Petunjuk: Ini adalah situs web olahraga dengan komentar berkualitas sangat rendah.

Jadi inilah contoh virtualnya:

  • SITE: www.sportsrumours.com
  • DIV untuk memblokir: <div class="comments">All annoying comments go here</div>
  • DIV sama di semua halaman www.sportsrumours.com
google-chrome blocking mcbetz
sumber

Jawaban:

25

Untuk hal semacam ini, saya biasanya merekomendasikan Addon Bergaya untuk chrome.

Telusuri ke situs ketika Anda telah menginstal addon dan pergi ke:

Bergaya (Ikon)> Kelola Gaya Terpasang> Tulis Gaya Baru. Beri nama dan pilih "berlaku untuk". Berikan domain dari situs yang ingin Anda hapus komentarnya dan pilih "URL pada domain".

gunakan kode yang mirip dengan yang berikut ini untuk menyembunyikan div:

.comments {display: none !important;}

Simpan, dan Anda akan melihat div sekarang disembunyikan

EDIT : Stylish sekarang Stylus - Anda dapat mengunduhnya di sini: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Fazer87
sumber
FYI: Setelah skandal mengikuti praktik pengumpulan data Stylish, kode tersebut telah bercabang, dibersihkan, dan diterbitkan kembali sebagai "Stylus". Bersuka cita!
Vincent Vancalbergh
URL yang diperbarui: chrome.google.com/webstore/detail/stylus/…
Owen
11

Anda dapat menggunakan ekstensi Adblock Plus chrome atau firefox. Saat diaktifkan, klik ikon ekstensinya lalu klik "Blokir elemen". Kemudian Anda dapat mengklik elemen di halaman yang ingin Anda blokir.

Adblock Plus kemudian akan memblokir elemen itu setiap kali ditemukan.

Andrew
sumber
2
Entah mengapa ini diturunkan. Adblockers telah mendukung elemen pemblokiran untuk waktu yang sangat lama sekarang. Jadi jika Anda dapat membuat aturan untuknya dalam Stylish, Anda dapat memblokirnya menggunakan Adblock Plus atau uBlock Origin, karena mereka mendukung pemilih CSS.
Daniel B
1
Bagus! Menggunakan AdBlock Plus selama bertahun-tahun tetapi tidak pernah memperhatikan fitur yang rapi itu. Kadang-kadang saya mendapatkan momen "duh" itu ;-)
deryb
WOW! Tip yang bagus. Terima kasih. Dengan Adblock Plus Anda dapat dengan mudah menghapus elemen apa pun yang Anda inginkan.
HomTom
Jauh lebih mudah daripada solusi yang diterima
Owen
1

Anda dapat menggunakan ekstensi chrome Stylebot . Setelah menginstal pergi ke situs web, buka Stylebot dan gunakan alat panah untuk memilih DIV. Kemudian cari Layout and visibilitydan klik hide. The DIVakan hilang dan perubahan akan bertahan. Tentu saja, Anda dapat membatalkannya kapan pun Anda mau.

drk.com.ar
sumber
1
Stylebot sepertinya tidak bekerja untukku. Bergaya direkomendasikan di anwer lain bekerja hebat.
Tim Swast