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/5-browser-extension/translations/README.zh-cn.md

28 lines
1.9 KiB

This file contains ambiguous Unicode characters!

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.

# 构建浏览器插件
构建浏览器插件是一种有趣的方式,可以在构建不同类型的网络资产的同时思考你的应用程序的性能。本模块包括关于浏览器如何工作和如何部署浏览器扩展的课程,如何建立一个表单、调用 API 和使用 local storage (本地存储),以及如何衡量网站的性能并加以改进。
你将建立一个能在 Edge、Chrome 和 Firefox 上运行的浏览器插件。这个插件就像一个为非常具体的任务量身定做的迷你网站:利用 [C02 Signal API](https://www.co2signal.com) 检查地区的电力使用情况和碳排放浓度,回传地区的碳足迹。
一旦 API 密钥和地区代码被输入到一个表格中,用户就可以临时调用这个扩展,以确定当地的用电情况,从而提供可以影响用户的用电决定的数据。例如,在你所在地区的高用电量期间,推迟运行干衣机(一种碳密集型活动)可能是更好的选择。
### 主题
1. [关于浏览器](../1-about-browsers/translations/README.zh-tw.md)
2. [表单和 Local Storage](../2-forms-browsers-local-storage/translations/README.zh-tw.md)
3. [背景工作与效能](../3-background-tasks-and-performance/translations/README.zh-tw.md)
### 成就
![一个绿色浏览器插件](../extension-screenshot.png)
## 贡献者
网页碳排放追踪的想法由 Asim Hussain微软绿色云计算倡导团队的负责人和 [Green Principles](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) 用满满的 ♥️ 來编写。