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 'main'
${ noResults }
Web-Dev-For-Beginners/translations/br/5-browser-extension
History
leestott 3a46c7dc91
🌐 Update translations via Co-op Translator 		1 week ago
..
1-about-browsers 🌐 Update translations via Co-op Translator 1 week ago
2-forms-browsers-local-storage 🌐 Update translations via Co-op Translator 1 week ago
3-background-tasks-and-performance 🌐 Update translations via Co-op Translator 1 week ago
solution 🌐 Update translations via Co-op Translator 2 weeks ago
start 🌐 Update translations via Co-op Translator 2 weeks ago
README.md 🌐 Update translations via Co-op Translator 2 weeks ago

README.md

Construindo uma extensão para navegador

Criar extensões para navegadores é uma maneira divertida e interessante de pensar sobre o desempenho dos seus aplicativos enquanto desenvolve um tipo diferente de recurso para a web. Este módulo inclui lições sobre como os navegadores funcionam, como implantar uma extensão para navegador, como criar um formulário, chamar uma API, usar armazenamento local e como avaliar o desempenho do seu site e melhorá-lo.

Você criará uma extensão para navegador que funciona no Edge, Chrome e Firefox. Essa extensão, que é como um mini site voltado para uma tarefa muito específica, verifica a API CO2 Signal para obter o uso de eletricidade e a intensidade de carbono de uma determinada região, retornando uma leitura sobre a pegada de carbono da região.

Essa extensão pode ser chamada sob demanda por um usuário, uma vez que uma chave de API e um código de região sejam inseridos em um formulário para determinar o uso local de eletricidade, oferecendo assim dados que podem influenciar as decisões de consumo de energia do usuário. Por exemplo, pode ser preferível adiar o uso de uma secadora de roupas (uma atividade com alta emissão de carbono) durante um período de alto consumo de eletricidade na sua região.

Tópicos

  1. Sobre o navegador
  2. Formulários e armazenamento local
  3. Tarefas em segundo plano e desempenho

Créditos

uma extensão de navegador verde

Créditos

A ideia para este gatilho de carbono na web foi oferecida por Asim Hussain, líder na Microsoft da equipe de Green Cloud Advocacy e autor dos Princípios Verdes. Originalmente, era um projeto de site.

A estrutura da extensão para navegador foi influenciada pela extensão COVID de Adebola Adeniran.

O conceito por trás do sistema de ícones de 'ponto' foi sugerido pela estrutura de ícones da extensão para navegador Energy Lollipop para emissões na Califórnia.

Estas lições foram escritas com ♥️ por Jen Looper

Aviso Legal:
Este documento foi traduzido utilizando o serviço de tradução por IA Co-op Translator. Embora nos esforcemos para garantir a precisão, esteja ciente de que traduções automatizadas podem conter erros ou imprecisões. O documento original em seu idioma nativo deve ser considerado a fonte autoritativa. Para informações críticas, recomenda-se a tradução profissional realizada por humanos. Não nos responsabilizamos por quaisquer mal-entendidos ou interpretações equivocadas decorrentes do uso desta tradução.