Web-Dev-For-Beginners/translations/th/5-browser-extension/solution/translation/README.ms.md

<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "21b364c158c8e4f698de65eeac16c9fe",
  "translation_date": "2025-08-26T22:48:36+00:00",
  "source_file": "5-browser-extension/solution/translation/README.ms.md",
  "language_code": "th"
}
-->
# ส่วนขยายเบราว์เซอร์ Carbon Trigger: โค้ดฉบับสมบูรณ์

ใช้ API สัญญาณ CO2 ของ tmrow เพื่อตรวจจับการใช้ไฟฟ้า สร้างส่วนขยายเบราว์เซอร์เพื่อให้คุณได้รับการแจ้งเตือนในเบราว์เซอร์เกี่ยวกับความเข้มข้นของการใช้ไฟฟ้าในพื้นที่ของคุณ การใช้ส่วนขยายนี้จะช่วยให้คุณตัดสินใจเกี่ยวกับกิจกรรมของคุณโดยอิงจากข้อมูลนี้

![ภาพหน้าจอส่วนขยายเบราว์เซอร์](../../../../../translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.th.png)

## เริ่มต้นที่นี่

คุณจำเป็นต้องติดตั้ง [npm](https://npmjs.com) ดาวน์โหลดสำเนาโค้ดนี้ไปยังโฟลเดอร์ในคอมพิวเตอร์ของคุณ

ติดตั้งแพ็กเกจที่จำเป็นทั้งหมด:

```
npm install
```

สร้างส่วนขยายด้วย webpack

```
npm run build
```

สำหรับการติดตั้งใน Edge ให้ใช้เมนู 'สามจุด' ที่มุมขวาบนของเบราว์เซอร์เพื่อค้นหาแผงส่วนขยาย จากนั้นเลือก 'Load Unpacked' เพื่อโหลดส่วนขยายใหม่ เปิดโฟลเดอร์ 'dist' ตามคำขอ และส่วนขยายจะถูกโหลด สำหรับการใช้งาน คุณจะต้องมี API key สำหรับ API สัญญาณ CO2 ([รับได้ที่นี่ผ่านอีเมล](https://www.co2signal.com/) - ใส่อีเมลของคุณในช่องบนหน้านี้) และ [รหัสสำหรับพื้นที่ของคุณ](http://api.electricitymap.org/v3/zones) ที่สอดคล้องกับ [Electricity Map](https://www.electricitymap.org/map) (ในบอสตัน ตัวอย่างเช่น ฉันใช้ 'US-NEISO')

![กำลังดาวน์โหลด](../../../../../translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.th.png)

เมื่อใส่ API key และพื้นที่ลงในอินเทอร์เฟซของส่วนขยายแล้ว จุดสีในแถบส่วนขยายของเบราว์เซอร์จะเปลี่ยนไปเพื่อสะท้อนถึงการใช้พลังงานในพื้นที่ของคุณ และให้คำแนะนำเกี่ยวกับกิจกรรมที่เหมาะสมที่คุณควรทำ แนวคิดเบื้องหลังระบบ 'จุดสี' นี้ได้รับแรงบันดาลใจจาก [ส่วนขยายเบราว์เซอร์ Energy Lollipop](https://energylollipop.com/) สำหรับการปล่อยพลังงานในแคลิฟอร์เนีย

---

**ข้อจำกัดความรับผิดชอบ**:  
เอกสารนี้ได้รับการแปลโดยใช้บริการแปลภาษา AI [Co-op Translator](https://github.com/Azure/co-op-translator) แม้ว่าเราจะพยายามให้การแปลมีความถูกต้องมากที่สุด แต่โปรดทราบว่าการแปลโดยอัตโนมัติอาจมีข้อผิดพลาดหรือความไม่ถูกต้อง เอกสารต้นฉบับในภาษาที่เป็นต้นฉบับควรถือว่าเป็นแหล่งข้อมูลที่เชื่อถือได้ สำหรับข้อมูลที่สำคัญ ขอแนะนำให้ใช้บริการแปลภาษามืออาชีพ เราไม่รับผิดชอบต่อความเข้าใจผิดหรือการตีความผิดที่เกิดจากการใช้การแปลนี้