You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
6.1 KiB
41 lines
6.1 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "b121a279a6ab39878491f3e572673515",
|
|
"translation_date": "2025-08-26T22:30:52+00:00",
|
|
"source_file": "5-browser-extension/README.md",
|
|
"language_code": "th"
|
|
}
|
|
-->
|
|
# การสร้างส่วนขยายเบราว์เซอร์
|
|
|
|
การสร้างส่วนขยายเบราว์เซอร์เป็นวิธีที่สนุกและน่าสนใจในการคิดเกี่ยวกับประสิทธิภาพของแอปพลิเคชันของคุณ ในขณะเดียวกันก็สร้างทรัพยากรเว็บในรูปแบบที่แตกต่างออกไป โมดูลนี้ประกอบด้วยบทเรียนเกี่ยวกับวิธีการทำงานของเบราว์เซอร์ วิธีการปรับใช้ส่วนขยายเบราว์เซอร์ วิธีสร้างฟอร์ม เรียก 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) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้องมากที่สุด แต่โปรดทราบว่าการแปลอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาดั้งเดิมควรถือเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษาจากผู้เชี่ยวชาญ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้ |