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

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

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

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

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

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

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

เริ่มต้นใช้งานส่วนขยาย

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

จากนั้นเพิ่มไฟล์ที่ชื่อว่า 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 ที่ด้านขวาบนของ Omnibox แล้ววางเมาส์เหนือเครื่องมือเพิ่มเติม และเลือกส่วนขยาย
  2. ทำเครื่องหมายในช่องข้างโหมดนักพัฒนาแอป
  3. คลิกโหลดส่วนขยายที่คลายการแพคข้อมูล แล้วเลือกไดเรกทอรีสำหรับส่วนขยาย "Hello Extensions"

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

ขั้นต่อไปคืออะไร

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