เริ่มใช้งาน
            ยินดีต้อนรับสู่การพัฒนาส่วนขยาย 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 บริการของส่วนขยาย
          
        
        
        
          
        
      แก้ไขข้อบกพร่องของส่วนขยาย
            ดูวิธีค้นหาบันทึกและข้อความแสดงข้อผิดพลาดระหว่างการแก้ไขข้อบกพร่อง