🛠️ iBrowe: การใช้ Scriptlet แบบกำหนดเอง เพื่อให้เว็บทำงานตามที่คุณต้องการ

📋 ภาพรวม เริ่มตั้งแต่ iBrowe เวอร์ชัน 1.75 บนเดสก์ท็อป ผู้ใช้ระดับสูงสามารถเพิ่ม JavaScript แบบกำหนดเองที่เรียกว่า “Custom Scriptlets” ลงในหน้าเว็บใดก็ได้ ฟีเจอร์นี้มอบการควบคุมในระดับละเอียด ช่วยให้คุณปรับแต่งหน้าตาเว็บไซต์ บล็อกความน่ารำคาญที่เป็นไดนามิก หรือเสริมฟังก์ชันที่หายไปได้อย่างอิสระ ต่างจากส่วนขยายภายนอก Scriptlet เหล่านี้ทำงานในเครื่องเท่านั้น ไม่ออกจากอุปกรณ์ของคุณ และปลอดภัยกว่าในการใช้งาน ⚡️

🔍 1. ทำไม Custom Scriptlets ถึงสำคัญ

1.1 การปกป้องความเป็นส่วนตัวและการบล็อกโฆษณาที่มีในตัว

  • iBrowe Shields บล็อกโฆษณาภายนอก ตัวติดตาม แบนเนอร์คุกกี้ ฯลฯ ได้โดยไม่ต้องลงส่วนขยาย

  • ค่าเริ่มต้นเน้นความเป็นส่วนตัวทันที มอบประสบการณ์ท่องเว็บที่เร็ว สะอาด และปลอดภัยขึ้น 🚀

1.2 เหตุผลที่ควรมีการปรับแต่งเพิ่มเติม

  • แก้ปัญหาเฉพาะหน้า: บางเว็บไซต์มีป๊อปอัปหรือโครงสร้างเพจที่ซับซ้อนจนตัวกรองปกติแก้ไม่ได้

  • ปรับแต่งเพื่อความพอใจส่วนตัว: ลบ sidebar, ปลดล็อกเมนูคลิกขวา, ใส่ dark mode ในบางเว็บ

  • สำหรับนักพัฒนา: ใช้ทดสอบการแก้บั๊กหรือปรับปรุงประสิทธิภาพในหน้าเว็บแบบเรียลไทม์

🔨 2. วิธีเปิดใช้งานและเขียน Scriptlet แบบกำหนดเอง

2.1 เปิด Developer Mode

  • ไปที่เมนู Settings → Shields → Content filtering หรือพิมพ์ ibrowe://settings/shields/filters

  • เปิดการทำงานของ Developer Mode ในหัวข้อ Custom scriptlets

  • จะมีคำเตือนแสดงขึ้น ให้อ่านให้เข้าใจและยืนยันหากคุณมั่นใจในโค้ด

2.2 สร้าง Scriptlet ใหม่

  • คลิก “Add new scriptlet”

  • ตั้งชื่อ (ระบบจะเติมคำว่า user- ให้โดยอัตโนมัติ)

  • พิมพ์ JavaScript ของคุณใน editor ตัวอย่าง: ลบ sidebar ที่ stackoverflow.com

// ลบ sidebar ซ้ายขวา เพื่อการอ่านที่ไม่ถูกรบกวน document.querySelectorAll(‘.left-sidebar, .right-sidebar’).forEach(el => el.remove()); document.querySelector(‘.mainbar’).style.margin = ‘0 auto’;

  • คลิก Save เพื่อบันทึก Scriptlet

2.3 นำ Scriptlet ไปใช้ในเว็บไซต์

  • ไปที่ Custom rules → คลิก “Add new rule”

  • ใส่ตามรูปแบบ: example.com##+js(user-myScriptlet.js) (เปลี่ยน example.com เป็นชื่อเว็บไซต์ และ user-myScriptlet.js เป็นชื่อ scriptlet ที่คุณตั้งไว้)

  • บันทึกแล้วรีเฟรชหน้าเว็บ JavaScript ของคุณจะทำงานโดยอัตโนมัติ

💡 เคล็ดลับ: สามารถใช้ wildcard เช่น .example.com หรือเฉพาะ path เช่น example.com/forum/##+js(…) เพื่อควบคุมขอบเขตได้ละเอียดขึ้น

🔍 3. ตัวอย่างการใช้งาน

3.1 ลบ sidebar ที่รบกวนสายตา ก่อน: StackOverflow แสดงโฆษณาและโพสต์ที่เกี่ยวข้องใน sidebar หลัง: document.querySelectorAll(‘.sidebar-wrapper’).forEach(el => el.remove()); document.querySelector(‘#mainbar’).style.width = ‘100%’;