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