# การสร้างส่วนขยายเบราว์เซอร์ การสร้างส่วนขยายเบราว์เซอร์เป็นวิธีที่สนุกและน่าสนใจในการคิดเกี่ยวกับประสิทธิภาพของแอปพลิเคชันของคุณ ในขณะเดียวกันก็สร้างทรัพยากรเว็บในรูปแบบที่แตกต่างออกไป โมดูลนี้ประกอบด้วยบทเรียนเกี่ยวกับวิธีการทำงานของเบราว์เซอร์ วิธีการปรับใช้ส่วนขยายเบราว์เซอร์ วิธีสร้างฟอร์ม เรียก API และใช้พื้นที่เก็บข้อมูลในเครื่อง รวมถึงวิธีประเมินประสิทธิภาพของเว็บไซต์ของคุณและปรับปรุงให้ดีขึ้น คุณจะสร้างส่วนขยายเบราว์เซอร์ที่ใช้งานได้บน Edge, Chrome และ Firefox ส่วนขยายนี้ ซึ่งเปรียบเสมือนเว็บไซต์ขนาดเล็กที่ออกแบบมาเพื่อทำงานเฉพาะด้าน จะตรวจสอบ [C02 Signal API](https://www.co2signal.com) เพื่อดูการใช้ไฟฟ้าและความเข้มข้นของคาร์บอนในภูมิภาคที่กำหนด และส่งผลลัพธ์เกี่ยวกับรอยเท้าคาร์บอนของภูมิภาคนั้น ส่วนขยายนี้สามารถเรียกใช้งานได้ตามต้องการโดยผู้ใช้ เมื่อมีการป้อนคีย์ API และรหัสภูมิภาคลงในฟอร์ม เพื่อกำหนดการใช้ไฟฟ้าในท้องถิ่น และให้ข้อมูลที่อาจมีผลต่อการตัดสินใจใช้ไฟฟ้าของผู้ใช้ ตัวอย่างเช่น อาจเป็นการดีกว่าที่จะเลื่อนการใช้งานเครื่องอบผ้า (ซึ่งเป็นกิจกรรมที่ใช้คาร์บอนสูง) ออกไปในช่วงเวลาที่มีการใช้ไฟฟ้าสูงในภูมิภาคของคุณ ### หัวข้อ 1. [เกี่ยวกับเบราว์เซอร์](1-about-browsers/README.md) 2. [ฟอร์มและพื้นที่เก็บข้อมูลในเครื่อง](2-forms-browsers-local-storage/README.md) 3. [งานเบื้องหลังและประสิทธิภาพ](3-background-tasks-and-performance/README.md) ### เครดิต  ## เครดิต แนวคิดสำหรับตัวกระตุ้นคาร์บอนบนเว็บนี้ได้รับการเสนอโดย Asim Hussain หัวหน้าทีม Green Cloud Advocacy ของ Microsoft และผู้เขียน [Green Principles](https://principles.green/) ซึ่งเดิมทีเป็น [โครงการเว็บไซต์](https://github.com/jlooper/green) โครงสร้างของส่วนขยายเบราว์เซอร์ได้รับแรงบันดาลใจจาก [ส่วนขยาย COVID ของ Adebola Adeniran](https://github.com/onedebos/covtension) แนวคิดเบื้องหลังระบบไอคอน 'จุด' ได้รับการแนะนำจากโครงสร้างไอคอนของ [Energy Lollipop](https://energylollipop.com/) ส่วนขยายเบราว์เซอร์สำหรับการปล่อยก๊าซในแคลิฟอร์เนีย บทเรียนเหล่านี้เขียนขึ้นด้วย ♥️ โดย [Jen Looper](https://www.twitter.com/jenlooper) --- **ข้อจำกัดความรับผิดชอบ**: เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้องมากที่สุด แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษาจากผู้เชี่ยวชาญ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้