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.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "b121a279a6ab39878491f3e572673515",
"translation_date": "2025-08-23T23:37:05+00:00",
"source_file": "5-browser-extension/README.md",
"language_code": "zh"
}
-->
# 构建浏览器扩展
构建浏览器扩展是一种有趣且新颖的方式，可以在开发不同类型的网页资源时思考应用程序的性能。本模块包括关于浏览器工作原理以及如何部署浏览器扩展的课程，如何构建表单、调用 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 提供，他是微软绿色云倡导团队的负责人，也是 [绿色原则 ](https://principles.green/ ) 的作者。最初它是一个 [网站项目 ](https://github.com/jlooper/green )。
浏览器扩展的结构受到了 [Adebola Adeniran 的 COVID 扩展 ](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 ) 进行翻译。尽管我们努力确保翻译的准确性，但请注意，自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息，建议使用专业人工翻译。因使用本翻译而引起的任何误解或误读，我们概不负责。
