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.
Web-Dev-For-Beginners/translations/zh/5-browser-extension
leestott 7cfaffabb5
🌐 Update translations via Co-op Translator
3 weeks ago
..
1-about-browsers 🌐 Update translations via Co-op Translator 3 weeks ago
2-forms-browsers-local-storage 🌐 Update translations via Co-op Translator 3 weeks ago
3-background-tasks-and-performance 🌐 Update translations via Co-op Translator 3 weeks ago
solution 🌐 Update translations via Co-op Translator 4 weeks ago
start 🌐 Update translations via Co-op Translator 4 weeks ago
README.md 🌐 Update translations via Co-op Translator 4 weeks ago

README.md

构建浏览器扩展

构建浏览器扩展是一种有趣且新颖的方式,可以在开发不同类型的网页资源时思考应用程序的性能。本模块包括关于浏览器工作原理以及如何部署浏览器扩展的课程,如何构建表单、调用 API、使用本地存储以及如何评估网站性能并进行优化。

你将构建一个可以在 Edge、Chrome 和 Firefox 上运行的浏览器扩展。这个扩展类似于一个专门针对特定任务的小型网站,它会检查 C02 Signal API 提供的某个地区的电力使用情况和碳强度,并返回该地区的碳足迹数据。

用户可以在输入 API 密钥和地区代码到表单后,随时调用此扩展以确定当地的电力使用情况,从而提供数据来影响用户的用电决策。例如,在地区电力使用高峰期,可能更适合延迟使用衣物烘干机(一个碳排放强度较高的活动)。

主题

  1. 关于浏览器
  2. 表单和本地存储
  3. 后台任务和性能

致谢

一个绿色的浏览器扩展

致谢

这个网页碳触发器的创意由 Asim Hussain 提供,他是微软绿色云倡导团队的负责人,也是 绿色原则 的作者。最初它是一个 网站项目

浏览器扩展的结构受到了 Adebola Adeniran 的 COVID 扩展 的启发。

“点”图标系统的概念来源于 Energy Lollipop 浏览器扩展的图标结构,该扩展用于加州的排放数据。

这些课程由 Jen Looper♥️ 编写。

免责声明
本文档使用AI翻译服务 Co-op Translator 进行翻译。尽管我们努力确保翻译的准确性,但请注意,自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息,建议使用专业人工翻译。因使用本翻译而引起的任何误解或误读,我们概不负责。