msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
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.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '9b092d50f9'
${ noResults }
Web-Dev-For-Beginners/5-browser-extension/translations
History
Zeyu Xiong a0465543b2
doc: translate chapter 5 into simplified Chinese 		3 years ago
..
README.es.md fix several broken image-links 4 years ago
README.hi.md Fixed Markdown Links of Hindi Translations 4 years ago
README.it.md Italian Translation - Ch. 5 4 years ago
README.ja.md 日本語訳ファイルの修正 4 years ago
README.ko.md FIX : fix url for translations folder 4 years ago
README.ms.md translated to Malay 4 years ago
README.nl.md translate all primary README's to Dutch 4 years ago
README.zh-cn.md doc: translate chapter 5 into simplified Chinese 3 years ago
README.zh-tw.md revise zh-tw article & add lesson 7 missing file 4 years ago

README.zh-tw.md
Escape

建立瀏覽器擴充功能

建立瀏覽器擴充功能是個好玩且有趣的方式來思考應用程式的執行效能，包含各式各樣類型的網頁資產。這堂學習模組介紹了瀏覽器運作方式、如何架設擴充功能、建立表單、呼叫 API、使用 Local Storage 和測量網頁效能的方法並增進它。

你會建立一個支援在 Edge、Chrome 與 Firefox 的瀏覽器擴充功能。這個擴充功能就像小型的網頁，專門滿足特定課題：利用C02 Signal API檢查地區的電力使用與碳排濃度，回傳地區的碳足跡。

這款特設擴充功能允許使用者在輸入完 API Key 與國家地區代碼到表單後，取得當地電力使用量與其他資訊，決定使用者後續的行為。舉例來說，在地區高電力用量時，你可能會延後烘衣機的使用(增加碳排)。

主題

  1. 關於瀏覽器
  2. 表單與 Local Storage
  3. 背景工作與效能

成就

綠能瀏覽器擴充功能

參與人員

網頁碳排放追蹤的發想出自於 Asim Hussain，微軟綠能雲端倡導小組的領導人與Green Principles的作者。這源自於一個網頁專案。

擴充功能的結構受Adebola Adeniran 的 COVID 擴充功能啟發。

「點」圖示系統的概念參考Energy Lollipop的加州排放擴充功能。

這些課程由 Jen Looper 用滿滿的 ♥️ 來編寫。