# 构建浏览器扩展 构建浏览器扩展是一种有趣且新颖的方式，可以在开发不同类型的网页资源时思考应用程序的性能。本模块包括关于浏览器工作原理以及如何部署浏览器扩展的课程，如何构建表单、调用 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) 进行翻译。尽管我们努力确保翻译的准确性，但请注意，自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息，建议使用专业人工翻译。因使用本翻译而引起的任何误解或误读，我们概不负责。