การลบล้างหน้า Chrome

การลบล้างหน้าเว็บเป็นวิธีแทนที่ไฟล์ HTML จากส่วนขยายสำหรับหน้าเว็บที่ Google โดยปกติ Chrome จะจัดเตรียมไว้ให้ นอกจาก HTML แล้ว หน้าการลบล้างมักจะมีโค้ด CSS และ JavaScript

ส่วนขยายสามารถแทนที่หน้าใดหน้าหนึ่งต่อไปนี้

  • การจัดการบุ๊กมาร์ก: หน้าที่ปรากฏขึ้นเมื่อผู้ใช้เลือกรายการในเมนูการจัดการบุ๊กมาร์ก จากเมนู Chrome หรือสำหรับ Mac ให้ดูที่รายการ "การจัดการบุ๊กมาร์ก" จากเมนู "บุ๊กมาร์ก" นอกจากนี้คุณยัง ไปยังหน้านี้โดยป้อน URL chrome://bookmarks
  • ประวัติการเข้าชม: หน้าที่ปรากฏขึ้นเมื่อผู้ใช้เลือกรายการเมนูประวัติการเข้าชมจาก Chrome สำหรับ Mac ให้ดูรายการ แสดงประวัติการเข้าชมทั้งหมด จากเมนูประวัติ คุณยังสามารถไปที่หน้านี้ โดยป้อน URL chrome://history
  • แท็บใหม่: หน้าเว็บที่ปรากฏขึ้นเมื่อผู้ใช้สร้างแท็บหรือหน้าต่างใหม่ และคุณยังไปที่ หน้านี้ได้โดยป้อน URL chrome://newtab
หมายเหตุ: ส่วนขยาย 1 รายการจะลบล้างหน้าเว็บเดียวเท่านั้น เช่น ส่วนขยายจะลบล้างทั้งการจัดการบุ๊กมาร์กและหน้าประวัติการเข้าชมไม่ได้

ระบบจะดำเนินการกับหน้าต่างที่ไม่ระบุตัวตนเป็นพิเศษ ลบล้างหน้าแท็บใหม่ในหน้าต่างที่ไม่ระบุตัวตนไม่ได้ หน้าการลบล้างอื่นๆ จะทำงานในหน้าต่างที่ไม่ระบุตัวตนได้ตราบใดที่พร็อพเพอร์ตี้ไฟล์ Manifest ของโหมดไม่ระบุตัวตนยังคง ตั้งค่าเป็น "spanning" (ซึ่งเป็นค่าเริ่มต้น) โปรดดูการบันทึกข้อมูลและโหมดไม่ระบุตัวตนใน ภาพรวมเพื่อดูรายละเอียดเพิ่มเติมเกี่ยวกับวิธีจัดการหน้าต่างที่ไม่ระบุตัวตน

ภาพหน้าจอต่อไปนี้แสดงหน้าแท็บใหม่เริ่มต้นและหน้าแท็บใหม่ที่กำหนดเอง

หน้าแท็บใหม่เริ่มต้น

หน้าแท็บใหม่ที่กำหนดเอง

ไฟล์ Manifest

ลงทะเบียนหน้าการลบล้างในไฟล์ Manifest ของส่วนขยายดังนี้

{
  "name": "My extension",
  ...

  "chrome_url_overrides" : {
    "PAGE_TO_OVERRIDE": "myPage.html"
  },
  ...
}

สำหรับ PAGE_TO_OVERRIDE ให้แทนที่รายการใดรายการหนึ่งต่อไปนี้

  • bookmarks
  • history
  • newtab

เคล็ดลับ

หากต้องการให้หน้าลบล้างที่มีประสิทธิภาพ ให้ทำตามหลักเกณฑ์ต่อไปนี้

  • ทำให้หน้าเว็บรวดเร็วและเล็ก ผู้ใช้คาดหวังให้หน้าเบราว์เซอร์ในตัวจะเปิดขึ้นทันที หลีกเลี่ยงการทำสิ่งที่อาจใช้เวลานาน เช่น หลีกเลี่ยงการดึงทรัพยากรของเครือข่ายหรือฐานข้อมูลแบบพร้อมกัน
  • ใส่ชื่อในหน้าเว็บ ไม่เช่นนั้น ผู้ใช้อาจเห็น URL ของหน้าเว็บซึ่งอาจทำให้สับสนได้ นี่คือตัวอย่างของ ระบุชื่อเรื่อง: <title>New Tab</title>
  • อย่าใช้โฟกัสที่แป้นพิมพ์ในหน้าเว็บ แถบที่อยู่จะโฟกัสเป็นอันดับแรกเสมอเมื่อผู้ใช้สร้างแท็บใหม่
  • อย่าพยายามจำลองหน้าแท็บใหม่เริ่มต้น API ที่จำเป็นในการสร้างหน้าแท็บใหม่เริ่มต้นในเวอร์ชันที่มีการแก้ไขเล็กน้อย โดยมีด้านบน หน้าเว็บ หน้าที่เพิ่งปิดไป เคล็ดลับ ภาพพื้นหลังของธีม และอื่นๆ ยังไม่มี จนถึง คุณควรพยายามสร้างอะไรที่แตกต่างไปจากเดิมอย่างสิ้นเชิง

ตัวอย่าง

ดูตัวอย่างการลบล้าง