ยินดีต้อนรับสู่การพัฒนาส่วนขยาย Chrome ดูข้อมูลทั้งหมดที่คุณต้องใช้ในการเริ่มสร้างและเผยแพร่ส่วนขยาย Chrome รายการแรก

ภาพรวม

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

คําศัพท์เกี่ยวกับส่วนขยาย

ส่วนขยาย Chrome ประกอบด้วยส่วนต่างๆ ที่มีบทบาทต่างกัน
ไฟล์ Manifest ของส่วนขยายเป็นไฟล์เดียวที่จำเป็นซึ่งต้องมีชื่อไฟล์ที่เฉพาะเจาะจง ซึ่งก็คือ manifest.json และจะต้องอยู่ในไดเรกทอรีรูทของส่วนขยายด้วย ไฟล์ Manifest จะบันทึกข้อมูลเมตาที่สําคัญ กําหนดทรัพยากร ประกาศสิทธิ์ และระบุไฟล์ที่จะทํางานในเบื้องหลังและในหน้าเว็บ
Service Worker จะทำงานในเบื้องหลังและจัดการเหตุการณ์ของเบราว์เซอร์ เช่น การนำบุ๊กมาร์กออกหรือปิดแท็บ ผู้ใช้จะไม่มีสิทธิ์เข้าถึง DOM แต่คุณสามารถรวมกับเอกสารที่อยู่นอกหน้าจอสำหรับกรณีการใช้งานนี้ได้
สคริปต์เนื้อหาจะเรียกใช้ JavaScript ในบริบทของหน้าเว็บ
เรียกใช้โค้ดเมื่อผู้ใช้คลิกไอคอนแถบเครื่องมือส่วนขยายหรือแสดงป๊อปอัปโดยใช้ Action API
แสดง UI ที่กําหนดเองในแผงด้านข้างของเบราว์เซอร์
สกัดกั้น บล็อก หรือแก้ไขคำขอของเครือข่าย

เผยแพร่ไปยัง Chrome เว็บสโตร์

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

บทแนะนำ

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