ส่วนขยายคือโปรแกรมซอฟต์แวร์ขนาดเล็กที่ช่วยปรับแต่งประสบการณ์การท่องเว็บ ซึ่งช่วยให้ผู้ใช้ปรับแต่งฟังก์ชันและลักษณะการทำงานของ 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"
}
}
}
ขั้นตอนสุดท้ายคือการติดตั้งส่วนขยายในเครื่องของคุณ
- ให้ไปที่
chrome://extensions
ในเบราว์เซอร์ คุณยังสามารถเข้าถึงหน้านี้ได้ด้วยการคลิกเมนู Chrome ที่ด้านบนขวาของแถบอเนกประสงค์ จากนั้นวางเมาส์เหนือเครื่องมือเพิ่มเติมและเลือกส่วนขยาย - ทำเครื่องหมายในช่องข้างโหมดนักพัฒนาซอฟต์แวร์
- คลิกโหลดส่วนขยายที่คลายการแพคข้อมูล และเลือกไดเรกทอรีสำหรับส่วนขยาย "สวัสดีส่วนขยาย" ของคุณ
ยินดีด้วย ตอนนี้คุณใช้ส่วนขยายแบบป๊อปอัปได้แล้วโดยคลิกไอคอน hello_world.png
หรือกด Ctrl+Shift+F
บนแป้นพิมพ์
แล้วยังไงต่อดี
- ทำตามบทแนะนำการเริ่มต้นใช้งาน
- อ่านภาพรวม
- ติดตามข้อมูลล่าสุดโดยอ่านบล็อก Chromium
- สมัครรับข้อมูลกลุ่ม chromium-extensions