วิธีบล็อก div บนเว็บไซต์อย่างถาวรโดยใช้ Chrome


12

มีเว็บไซต์หนึ่งที่ฉันชอบ แต่มีส่วนความคิดเห็นที่ทำให้ฉันรำคาญมาก ฉันต้องการบล็อก div ที่เก็บความคิดเห็นอย่างถาวรในทุกหน้าใน Google Chrome

สำหรับการลบชั่วคราวฉันสามารถลบโหนดโดยใช้เครื่องมือสำหรับนักพัฒนาเว็บของ Chrome แต่จะลบมันตลอดไปได้อย่างไร

ฉันจะทำสิ่งนั้นได้อย่างไร ฉันพนันได้ว่า Adblock ไม่ได้ช่วยฉันหรือไม่ตั้งใจดี แม้ว่าฉันจะลองฉันก็จบลงด้วยการอ่านความคิดเห็นที่ไม่ดีต่อสุขภาพจิตของฉัน คำแนะนำ: เป็นเว็บไซต์กีฬาที่มีความคิดเห็นคุณภาพต่ำมาก

ดังนั้นนี่คือตัวอย่างเสมือน:

  • SITE: www.sportsrumours.com
  • DIV เพื่อบล็อก: <div class="comments">All annoying comments go here</div>
  • DIV เหมือนกันทุกหน้าของ www.sportsrumours.com

คำตอบ:


25

สำหรับสิ่งนี้ฉันมักจะแนะนำStylish Addonสำหรับโครเมี่ยม

เรียกดูเว็บไซต์เมื่อคุณติดตั้ง teh addon แล้วไปที่:

มีสไตล์ (ไอคอน)> จัดการสไตล์ที่ติดตั้ง> เขียนสไตล์ใหม่ ตั้งชื่อและเลือก "ใช้กับ" ระบุโดเมนของไซต์ที่คุณต้องการลบความคิดเห็นและเลือก "URL ในโดเมน"

ใช้รหัสที่คล้ายกับข้อความต่อไปนี้เพื่อซ่อน div:

.comments {display: none !important;}

บันทึกและคุณควรสังเกตว่า div ถูกซ่อนอยู่ในขณะนี้

แก้ไข : Stylish ตอนนี้ Stylus - คุณสามารถดาวน์โหลดได้ที่นี่: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne


FYI: หลังจากเรื่องอื้อฉาวตามแนวทางการเก็บรวบรวมข้อมูลของ Stylish แล้วโค้ดนั้นได้ถูกแยกออกล้างและเผยแพร่ใหม่เป็น "Stylus" ดีใจ!
Vincent Vancalbergh


11

คุณสามารถใช้ Adblock Plus chrome หรือ firefox extension ได้ เมื่อเปิดใช้งานให้คลิกไอคอนส่วนขยายแล้วคลิก "บล็อกองค์ประกอบ" จากนั้นคุณสามารถคลิกองค์ประกอบในหน้าเว็บที่คุณต้องการบล็อก

Adblock Plus จะบล็อกองค์ประกอบนั้นทุกครั้งที่พบ


2
Dunno ทำไมนี่ถึงถูกลดทอนลง Adblockers ได้สนับสนุนองค์ประกอบการบล็อกเป็นเวลานานมากในขณะนี้ ดังนั้นหากคุณสามารถสร้างกฎสำหรับมันใน Stylish คุณสามารถบล็อกได้โดยใช้ Adblock Plus หรือ uBlock Origin เพราะมันรองรับ CSS selector
Daniel B

1
ดี! ใช้ AdBlock Plus มาหลายปีแล้ว แต่ไม่เคยสังเกตเห็นคุณสมบัติที่เรียบร้อย บางครั้งฉันก็รับช่วงเวลา "duh" ;-)
deryb

ว้าว! สุดยอดเคล็ดลับ ขอบคุณ. ด้วย Adblock Plus คุณสามารถลบองค์ประกอบใด ๆ ที่คุณต้องการได้อย่างง่ายดาย
HomTom

ง่ายกว่าโซลูชันที่ได้รับการยอมรับ
โอเวน

1

คุณสามารถใช้ส่วนขยายโครมของStylebot หลังจากติดตั้งไปที่เว็บไซต์เปิด Stylebot DIVและใช้ลูกศรเครื่องมือสำหรับการเลือก แล้วมองหาและคลิกที่Layout and visibility จะหายไปและการเปลี่ยนแปลงจะได้รับการยืนยัน แน่นอนคุณสามารถยกเลิกได้ทุกเมื่อที่คุณต้องการhideDIV


1
Stylebot ดูเหมือนจะไม่ทำงานสำหรับฉัน แนะนำอย่างมีสไตล์ใน anwer อื่น ๆ ใช้งานได้ดี
Tim Swast
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.