วิธีใหม่ในการเริ่มต้นเส้นทางการพัฒนาส่วนขยาย Chrome

ในโพสต์นี้ เรายินดีเป็นอย่างยิ่งที่จะได้แชร์การปรับปรุงที่สำคัญบางอย่างกับประสบการณ์การเริ่มต้นใช้งานส่วนขยาย Chrome และ 2-3 วิธีที่คุณสามารถเป็นส่วนหนึ่งของความฝันนี้

คู่มือแบบเดิม

ก่อนหน้านี้ บทแนะนำการเริ่มต้นใช้งานส่วนขยาย Chrome เป็นตัวอย่างส่วนขยายพื้นฐานที่เปลี่ยนสีพื้นหลังของหน้าปัจจุบันเมื่อผู้ใช้คลิกปุ่มในป๊อปอัปส่วนขยาย นอกจากนี้ยังมีหน้าตัวเลือกที่คุณสามารถเลือกสีใดสีหนึ่งจาก 4 สี

ตัวอย่างพื้นฐานนี้ไม่ได้สาธิตวิธีการเพิ่มความสามารถที่ได้รับความนิยมซึ่งมีในส่วนขยายจริง ถึงเวลาปรับโฉมแล้ว

แนวทางใหม่

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

ขอแนะนำคอลเล็กชันการเริ่มต้นใช้งานใหม่ที่ได้รับการปรับปรุง

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

บทแนะนำเหล่านี้ไม่เพียงสอนวิธีสร้างส่วนขยายที่ใช้ได้จริงเท่านั้น แต่ยังบอกเคล็ดลับในการพัฒนาและปฏิบัติที่ดีที่สุดอีกด้วย นอกจากนี้ การใช้ส่วนขยายเหล่านี้จะช่วยปรับปรุงประสบการณ์การใช้งานของคุณในขณะที่อ่านเอกสารเกี่ยวกับส่วนขยายด้วย

สิ่งที่คาดว่าจะเกิดขึ้น

บทแนะนำต่างๆ ประกอบด้วยส่วนต่อไปนี้

  • งานที่ส่วนขยายจะดำเนินการ
  • บทเรียนที่จะกล่าวถึง
  • สิ่งที่คุณจำเป็นต้องทราบก่อนเริ่มต้น
  • วิธีการทีละขั้นตอนในการสร้างส่วนขยาย
  • วิธีโหลดและทดสอบส่วนขยาย

ถ้าคุณอยากทำความท้าทาย เรายังมีส่วนที่ประกอบด้วยไอเดียเล็กๆ น้อยๆ ในการปรับแต่งหรือเพิ่มคุณลักษณะอื่นๆ ลงในส่วนขยายของคุณ

เราอยากให้คุณช่วย

เรายินดีรับฟังความคิดเห็นจากคุณ หากพบข้อผิดพลาดหรือไม่ชัดเจนในคู่มือเหล่านี้ โปรดรายงานข้อบกพร่องในที่เก็บ GitHub

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


รูปภาพโดย Vardan Papikyan ใน Unsplash