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

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

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

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

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

ไฟล์ส่วนขยายจะอยู่ในแพ็กเกจ .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 Extensions" ส่วนขยาย

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

มีอะไรต่อไป

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