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

ภาพรวม

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

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

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

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

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

บทแนะนำ

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