ส่วนขยายคืออะไร

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

ส่วนขยายต้องตอบสนองวัตถุประสงค์เดียวที่กำหนดไว้อย่างแคบและเข้าใจง่าย ส่วนขยาย 1 รายการอาจมีคอมโพเนนต์ได้หลายรายการและฟังก์ชันการทำงานที่หลากหลาย ตราบใดที่ทุกอย่างมีส่วนในวัตถุประสงค์ทั่วไป

ภาพหน้าจอของไอคอนส่วนขยายในแถบเบราว์เซอร์

อินเทอร์เฟซผู้ใช้ควรจะมีขนาดเล็กและมีความตั้งใจ โดยอาจมีตั้งแต่ไอคอนง่ายๆ เช่น ส่วนขยาย Google Mail Checker ที่แสดงด้านบน ไปจนถึงการลบล้างทั้งหน้าเว็บ

ไฟล์ส่วนขยายจะซิปลงในแพ็กเกจ .crx เดียวที่ผู้ใช้ดาวน์โหลดและติดตั้ง ซึ่งหมายความว่าส่วนขยายไม่ได้ขึ้นอยู่กับเนื้อหาจากเว็บ ซึ่งต่างจากเว็บแอปทั่วไป

ส่วนขยายจะเผยแพร่ผ่านหน้าแดชบอร์ดสำหรับนักพัฒนาซอฟต์แวร์ Chrome และเผยแพร่ไปยัง Chrome เว็บสโตร์ ดูข้อมูลเพิ่มเติมได้ที่เอกสารประกอบสําหรับนักพัฒนาซอฟต์แวร์ Store

ส่วนขยาย Hello

เรียนรู้เกี่ยวกับส่วนขยายเล็กๆ น้อยๆ ด้วยตัวอย่างส่วนขยาย Hello สั้นๆ นี้ เริ่มด้วยการสร้างไดเรกทอรีใหม่เพื่อจัดเก็บไฟล์ของส่วนขยาย หรือดาวน์โหลดจากหน้าตัวอย่าง

ต่อไป ให้เพิ่มไฟล์ชื่อ manifest.json และใส่โค้ดต่อไปนี้

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

ส่วนขยายทุกรายการต้องมีไฟล์ Manifest แม้ว่าส่วนขยายส่วนใหญ่จะไม่ได้ทำอะไรกับไฟล์ Manifest เพียงอย่างเดียว สำหรับการเริ่มต้นอย่างรวดเร็วนี้ ส่วนขยายจะมีไฟล์ป๊อปอัปและไอคอนประกาศไว้ในช่อง browser_action ดังนี้

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

ดาวน์โหลดhello_extensions.pngที่นี่ แล้วสร้างไฟล์ชื่อ hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

ตอนนี้ส่วนขยายจะแสดง hello.html เมื่อมีการคลิกไอคอน ขั้นตอนถัดไปคือการรวมคำสั่งใน manifest.json ที่เปิดใช้แป้นพิมพ์ลัด ขั้นตอนนี้เป็นเรื่องสนุก แต่ไม่จำเป็น

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

ขั้นตอนสุดท้ายคือการติดตั้งส่วนขยายในเครื่องของคุณ

  1. ให้ไปที่ chrome://extensions ในเบราว์เซอร์ คุณยังสามารถเข้าถึงหน้านี้ได้ด้วยการคลิกเมนู Chrome ที่ด้านบนขวาของแถบอเนกประสงค์ จากนั้นวางเมาส์เหนือเครื่องมือเพิ่มเติมและเลือกส่วนขยาย
  2. ทำเครื่องหมายในช่องข้างโหมดนักพัฒนาซอฟต์แวร์
  3. คลิกโหลดส่วนขยายที่คลายการแพคข้อมูล และเลือกไดเรกทอรีสำหรับส่วนขยาย "สวัสดีส่วนขยาย" ของคุณ

ยินดีด้วย ตอนนี้คุณใช้ส่วนขยายแบบป๊อปอัปได้แล้วโดยคลิกไอคอน hello_world.png หรือกด Ctrl+Shift+F บนแป้นพิมพ์

แล้วยังไงต่อดี

  1. ทำตามบทแนะนำการเริ่มต้นใช้งาน
  2. อ่านภาพรวม
  3. ติดตามข้อมูลล่าสุดโดยอ่านบล็อก Chromium
  4. สมัครรับข้อมูลกลุ่ม chromium-extensions