Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ซอฟต์แวร์ >> เบราว์เซอร์

เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส

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

มีส่วนขยายมากมายที่เพิ่มฟังก์ชันนี้ให้กับเบราว์เซอร์ของคุณ ผมจะเน้นไปที่ uBlock Origin เนื่องจากหลายคนอาจมีอยู่แล้ว หากคุณยังไม่มี ผมแนะนำให้ติดตั้งมันโดยมาก

uBlock Origin คืออะไร?

uBlock Origin เป็นตัวบล็อกโฆษณาฟรีและโอเพนซอร์สที่พร้อมใช้งานสำหรับเบราว์เซอร์หลักทุกตัว มันยังมีเครื่องมือเลือกองค์ประกอบ (element picker) ที่สามารถลบองค์ประกอบที่กำหนดเองได้ ซึ่งเป็นสิ่งที่เราจะใช้ในบทความนี้

การมีความรู้เกี่ยวกับ CSS selectors หรือ XPath จะช่วยให้คุณผ่านบทช่วยสอนนี้ได้ง่ายขึ้น แต่ไม่ได้เป็นข้อบังคับ uBlock Origin มีเครื่องมือภาพที่ช่วยให้คุณเลือกองค์ประกอบได้โดยไม่ต้องมีความรู้ทางเทคนิค อย่างไรก็ตาม การเขียน selector ด้วยตนเองมักจะน่าเชื่อถือกว่า

ทำไมการบล็อกองค์ประกอบจึงมีประโยชน์

บนอินเทอร์เน็ต เรากำลังบริโภคข้อมูลตลอดเวลา แต่บ่อยครั้งที่ข้อมูลเหล่านั้นไม่เกี่ยวข้องกับเราเลย

หากคุณเข้าถึงเว็บไซต์เฉพาะบ่อยครั้ง การสามารถแยกข้อมูลที่คุณรู้ว่าไม่ต้องการและไม่เคยบริโภคมันตั้งแต่แรก จะเป็นการเพิ่มประสิทธิภาพการทำงานอย่างมาก

  • การลบประเภทเหตุการณ์บางอย่างจากฟีดกิจกรรมหรือโซเชียลมีเดีย
  • การลบป๊อปอัพที่ขอให้คุณทำสิ่งที่คุณไม่ต้องการ
  • การลบโพสต์จากผู้เขียนเฉพาะบน YouTube หรือโซเชียลมีเดีย
  • การลบสิ่งรบกวนหรือองค์ประกอบไดนามิกที่ดึงดูดความสนใจของคุณ

วิธีกรององค์ประกอบ HTML

เพื่อกรององค์ประกอบ คุณสามารถคลิกไอคอน uBlock Origin ที่ด้านบนของเบราว์เซอร์ แล้วคลิก element picker ซึ่งเป็นไอคอนหยดตา (ข้อมูลเพิ่มเติม)

เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส
อินเทอร์เฟซ uBlock Origin ซึ่งจะปรากฏเมื่อคุณคลิกไอคอนในแถบเครื่องมือของเบราว์เซอร์

คุณสามารถเริ่มต้นโดยเลือกเนื้อหาที่คุณต้องการลบ แม้การเลือกจะไม่สมบูรณ์ ก็เพียงแค่จุดเริ่มต้น

เมื่อกล่องปรากฏที่มุมขวาล่าง คุณสามารถใช้เครื่องมือภาพกับปุ่ม "Pick" และสไลเดอร์ หรือระบุ selector ด้วยตนเอง

เนื้อหาที่ไฮไลท์สีแดงคือสิ่งที่จะถูกลบเมื่อคุณเลือกปุ่ม "Create" การเปลี่ยนแปลงเหล่านี้จะคงอยู่แม้หลังจากรีเฟรชหรือเข้าชมหน้าหนึ่งในภายหลัง มาดูว่ามันทำงานอย่างไร

CSS Selectors

คุณสามารถลบองค์ประกอบส่วนใหญ่ที่คุณต้องการลบได้ง่ายๆ โดยใช้ CSS selectors นี่เหมาะสำหรับการลบเนื้อหาคงที่บนหน้า

เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส
ลบเหตุการณ์ release และ push ทั้งหมดออกจาก GitHub activity feed ของผม (##div.news div.release, div.news div.push)
เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส
ลบแบนเนอร์ดาวน์โหลด Slack (##.p-client__banners)

XPath

คุณมักจะต้องการใช้ XPath สำหรับสองเหตุผล:

  • คุณต้องตรวจสอบค่าขององค์ประกอบ
  • คุณต้องเลือกองค์ประกอบโดยอิงจากแอตทริบิวต์ของลูกของมัน

นี่มีประโยชน์สำหรับการลบเนื้อหาไดนามิกหรือเนื้อหาที่ผู้ใช้สร้าง เราต้องการลบองค์ประกอบทั้งหมด แต่ก็ต่อเมื่อสิ่งใดสิ่งหนึ่งภายในมันตรงกับเกณฑ์ ไม่ใช่องค์ประกอบเอง

เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส
ลบปลั๊กอินทั้งหมดจาก DevilBro (##:xpath(//a[./div/div/p/object/a = "DevilBro"]))
เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส
ลักษณะหลังจากลบปลั๊กอินทั้งหมดโดย DevilBro แล้ว

การแก้ไขปัญหาโฟลเตอร์ของคุณ

เมื่อกรององค์ประกอบ Selectors ของคุณอาจเสียหายได้ตลอดเวลา เว็บไซต์เปลี่ยนแปลงไปด้วยเหตุผลต่างๆ ในกรณีส่วนใหญ่เนื่องจากการบำรุงรักษาหรืออัปเดต

อย่าให้สิ่งนั้นหยุดคุณไม่ให้ทำสิ่งที่คุณต้องการ แค่ควรจำไว้ตอนที่คุณลบองค์ประกอบ

พยายามให้ selectors ของคุณอยู่ในขอบเขตของสิ่งที่คุณต้องการลบจริงๆ แต่เข้มงวดพอที่จะไม่เลือกองค์ประกอบอื่นบนหน้าโดยผิดพลาด

ยังมีเว็บไซต์หลายแห่งที่ไม่ชอบการปรับแต่งฝั่งไคลเอ็นต์ และพยายามขัดขวางสิ่งนี้โดยการเปลี่ยนค่าแอตทริบิวต์ HTML หรือทำให้มันซับซ้อนขึ้นโดยสุ่ม

ในกรณีเหล่านี้ 最好คือการระบุ CSS attribute selectors หรือใช้ XPath เพื่อจับคู่ค่าแอตทริบิวต์บางส่วน

เชี่ยวชาญ uBlock Origin: บล็อกเนื้อหาเว็บที่ไม่ต้องการเพื่อประสบการณ์เล่นเว็บที่เน้นโฟกัส
การลบมุมมอง "Active Now" บน Discord โดยใช้ attribute selector (##div[class^="nowPlayingColumn"])

วิธีลบโฟลเตอร์

หากคุณไม่ต้องการบล็อกบางอย่างอีกต่อไป หรือเว็บไซต์ได้เปลี่ยนแปลง คุณสามารถไปที่การตั้งค่าเพื่อลบโฟลเตอร์เก่าก่อนสร้างใหม่

เพื่อลบโฟลเตอร์แบบกำหนดเอง:

  1. ไปที่การตั้งค่า uBlock Origin
  2. เลือกแท็บ "My filters"
  3. ลบบรรทัดที่มีโฟลเตอร์ที่คุณต้องการลบ
  4. คลิก "Apply changes" ที่ด้านบน
  5. รีเฟรชหน้าที่คุณอยู่

ส่วนขยายเบราว์เซอร์ที่ช่วยเหลืออื่นๆ

มีส่วนขยายอื่นๆ ที่คุณสามารถใช้เพื่อลบเนื้อหาเฉพาะบนเว็บไซต์ได้อีก

Highlight or Hide Search Engine Results

Highlight or Hide Search Engine Results (HOHSER) รองรับเครื่องมือค้นหาหลักทุกตัว รวมถึง DuckDuckGo และ Google

ผมเชื่อว่าการบล็อกโดเมนควรเป็นการตั้งค่าผู้ใช้ที่พร้อมใช้งานในเครื่องมือค้นหา แต่จนกว่าจะมีฟีเจอร์นั้น คุณสามารถใช้ส่วนขยายนี้เพื่อซ่อนผลลัพธ์ภายใต้โดเมนที่คุณไม่ชอบ

  • เว็บไซต์ที่มีลิงก์ดาวน์โหลดที่โฮสต์ซ้ำหรือแปลกประหลาด
  • ขยะที่เพิ่มประสิทธิภาพสำหรับเครื่องมือค้นหา เช่น เว็บคูปองปลอม
  • เว็บไซต์ที่บล็อกผู้ใช้ใน EU

I don't care about cookies

I don't care about cookies ลบคำเตือนคุกกี้ออกจากการปรากฏบนเว็บไซต์ส่วนใหญ่ เพื่อให้คุณไม่ต้องจัดการกับมันเอง

ส่วนขยายจะพยายามซ่อนข้อความคุกกี้ ยอมรับคุกกี้ก็ต่อเมื่อจำเป็นเท่านั้น

ผมแนะนำอย่างยิ่งให้ใช้ร่วมกับส่วนขยายอย่าง uBlock Origin และ Privacy Badger เพื่อป้องกันคุกกี้ที่ไม่พึงประสงค์จากการถูกบันทึก

ทางเลือกอื่น สามารถเพิ่มรายการโฟลเตอร์สำหรับส่วนขยายนี้เข้าไปใน uBlock Origin ได้ อย่างไรก็ตาม หมายความว่าข้อความคุกกี้และโฟลเตอร์บล็อกโฆษณาจะถูกผูกมาด้วยกัน ด้วยวิธีนี้ เว็บไซต์ที่คุณปิด uBlock Origin จะยังคงแสดงข้อความคุกกี้

เพื่อเพิ่มรายการโฟลเตอร์กำหนดเองเข้าไปใน uBlock Origin:

  1. ไปที่การตั้งค่า uBlock Origin
  2. เลือกแท็บ "Filter lists"
  3. เลื่อนลงไปที่ส่วน "Custom" ที่ด้านล่าง
  4. เลือก "Import..."
  5. เพิ่ม https://www.i-dont-care-about-cookies.eu/abp/
  6. เลือก "Apply changes" ที่ด้านบนของหน้า

สรุป

ผมหวังว่าคุณจะไม่อยู่ในสถานการณ์ที่รู้สึกต้องการบล็อกเนื้อหาจำนวนมากจากหน้าที่คุณโหลด

แต่หากคุณรู้สึกว่าจำเป็น ผมหวังว่าบทความนี้จะทำให้การเล่นอินเทอร์เน็ตง่ายขึ้นเล็กน้อยสำหรับคุณ