Hands-on: Chrome Extensions

Uma extensão funcional criada para o hands-on de Chrome Extensions para a equipe de front-end da NS.

Instalando

Abra o endereço chrome://extensions no seu Chrome
Ative o Modo de Desenvolvedor
Clique em "Carregar sem compactação" e selecione a pasta /ext do projeto, OU arraste a pasta /ext para esta tela.

Nota: é importante que seja a /ext, pois é ela que possui o manifest.json!

Fluxo

Entre em uma página de busca da Netshoes, por exemplo: https://www.netshoes.com.br/busca?nsCat=Natural&q=tenis
Clique no ícone da extensão na barra do navegador
Clique no botão "Aplicar Cage"
Veja a mágica do script de popup.js se comunicando com o inject.js, que interage com a página e manipula as imagens. :)

Apresentação

https://docs.google.com/presentation/d/1UmRFc42uj51DZdg7Oyy86iNqb-DOtUlPjQK9gv_V_R4/edit?usp=sharing