เริ่มต้น
ยินดีต้อนรับสู่การพัฒนาส่วนขยาย Chrome ค้นพบทุกสิ่งที่จำเป็นต่อการเริ่มสร้างและเผยแพร่ส่วนขยาย Chrome แรกของคุณ
ภาพรวม
ส่วนขยายคืออะไร
ส่วนขยาย Chrome ช่วยยกระดับประสบการณ์การท่องเว็บด้วยการปรับแต่งอินเทอร์เฟซผู้ใช้ สังเกตเหตุการณ์ของเบราว์เซอร์ และแก้ไขเว็บ ไปที่ Chrome เว็บสโตร์เพื่อดูตัวอย่างเพิ่มเติมว่าส่วนขยายทำอะไรได้บ้าง
สร้างขึ้นมาอย่างไร
คุณสามารถสร้างส่วนขยายโดยใช้เทคโนโลยีเว็บเดียวกับที่ใช้สร้างเว็บแอปพลิเคชัน ได้แก่ HTML, CSS และ JavaScript
เขาทำอะไรได้บ้าง
นอกจาก Web API แล้ว ส่วนขยายยังมีสิทธิ์เข้าถึง Chrome Extension API เพื่อทำงานต่างๆ อีกด้วย สำหรับภาพรวมโดยละเอียดเพิ่มเติม โปรดดูคำแนะนำในการพัฒนา
คำศัพท์เกี่ยวกับส่วนขยาย
ส่วนขยาย Chrome ประกอบด้วยส่วนต่างๆ ที่มีบทบาทต่างกัน
ไฟล์ Manifest
ไฟล์ Manifest ของส่วนขยายเป็นไฟล์เดียวที่จำเป็นซึ่งมีชื่อไฟล์ที่เฉพาะเจาะจง: manifest.json และต้องอยู่ในไดเรกทอรีรากของส่วนขยายด้วย ไฟล์ Manifest จะบันทึกข้อมูลเมตาที่สำคัญ กำหนดทรัพยากร ประกาศสิทธิ์ และระบุไฟล์ที่จะทำงานในพื้นหลังและในหน้าเว็บ
โปรแกรมทำงานของบริการ
โปรแกรมทำงานของบริการจะทำงานในเบื้องหลังและจัดการเหตุการณ์ของเบราว์เซอร์ เช่น การนำบุ๊กมาร์กออกหรือการปิดแท็บ ผู้ใช้ไม่มีสิทธิ์เข้าถึง DOM แต่คุณรวมกับเอกสารนอกหน้าจอสำหรับกรณีการใช้งานนี้ได้
สคริปต์เนื้อหา
สคริปต์เนื้อหาจะเรียกใช้ JavaScript ในบริบทของหน้าเว็บ
การทำงานของแถบเครื่องมือ
เรียกใช้โค้ดเมื่อผู้ใช้คลิกไอคอนแถบเครื่องมือส่วนขยายหรือแสดงป๊อปอัปโดยใช้ Action API
แผงด้านข้าง
แสดง UI ที่กำหนดเองในแผงด้านข้างของเบราว์เซอร์
DeclarativeNetRequest
สกัดกั้น บล็อก หรือแก้ไขคำขอของเครือข่าย
เผยแพร่ไปยัง Chrome เว็บสโตร์
หากคุณกำลังสร้างส่วนขยายสำหรับตัวคุณเอง โปรดดูบทแนะนำสำหรับการเริ่มต้นใช้งาน หากต้องการเผยแพร่ไปยัง Chrome เว็บสโตร์ มี 2-3 สิ่งที่คุณควรทราบก่อน
ออกแบบส่วนขยายที่มีคุณภาพสูง
เมื่อเลือกฟีเจอร์ที่จะรองรับ ให้ตรวจสอบว่าส่วนขยายได้บรรลุวัตถุประสงค์ข้อเดียวที่กำหนดไว้อย่างแคบและเข้าใจง่าย
ทำความคุ้นเคยกับนโยบาย
ส่วนขยายที่เผยแพร่ใน Chrome เว็บสโตร์ต้องเป็นไปตามนโยบายโปรแกรมสำหรับนักพัฒนาซอฟต์แวร์ สำรวจนโยบายเหล่านี้เพื่อให้แน่ใจว่าส่วนขยายของคุณสามารถโฮสต์ใน Chrome เว็บสโตร์ได้
รวมตรรกะของส่วนขยายทั้งหมด
ขณะเขียนโค้ด โปรดคำนึงอยู่เสมอว่าต้องรวมตรรกะทั้งหมดไว้ในแพ็กเกจส่วนขยาย ซึ่งหมายความว่าจะไม่มีการดาวน์โหลดโค้ด JavaScript เพิ่มเติมในระหว่างรันไทม์ เพิ่มความปลอดภัยให้กับส่วนขยายเป็นทางเลือกในการเรียกใช้โค้ดที่โฮสต์จากระยะไกล
บทแนะนำ
เลือกบทแนะนำใดก็ได้ต่อไปนี้เพื่อเริ่มต้นเส้นทางการเรียนรู้ส่วนขยาย
ส่วนขยายแรกของคุณ
สร้างส่วนขยาย hello World เป็นครั้งแรก ซึ่งคุณจะคุ้นเคยกับเวิร์กโฟลว์การพัฒนาส่วนขยาย
เรียกใช้สคริปต์ในทุกหน้า
ดูวิธีเพิ่มองค์ประกอบในเว็บไซต์ที่ระบุโดยอัตโนมัติ
แทรกสคริปต์ลงในแท็บที่ใช้งานอยู่
ดูวิธีลดความซับซ้อนของสไตล์ของหน้าปัจจุบันโดยคลิกไอคอนแถบเครื่องมือ
สร้างตัวจัดการแท็บ
เรียนรู้วิธีสร้างป๊อปอัปเพื่อจัดการแท็บของคุณ
จัดการเหตุการณ์ด้วย Service Worker
ดูวิธีสร้างและแก้ไขข้อบกพร่องของโปรแกรมทำงานของบริการส่วนขยาย
แก้ไขข้อบกพร่องของส่วนขยาย
ดูวิธีค้นหาบันทึกและข้อความแสดงข้อผิดพลาดระหว่างการแก้ไขข้อบกพร่อง