Crie uma extensão para o Chrome

Recém-inaugurada, a galeria de extensões para o Chrome está pipocando de novidades. Em três meses, já são mais de 3 300 plug-ins. Parte do sucesso se deve ao poder magnético da marca Google. Mas é inegável o bom trabalho da empresa ao oferecer uma plataforma onde é fácil desenvolver as extensões e que se integra a outras APIs abertas. Para mostrar como produzir seu próprio complemento para o navegador, o INFOLAB criou uma extensão que busca os trending topics do Twitter e exibe uma lista com os dez termos mais usados. Para criar a extensão, é necessário algum conhecimento de HTML, JavaScript e CSS, além de um editor de código, como o gratuito Notepad++. Para que você não precise copiar o código, baixe a extensão com o código-fonte comentado. Use-a como referência para acompanhar o tutorial. Pronto para criar sua primeira extensão para o Chrome?

1. A estrutura
O primeiro passo é criar um diretório chamado INFO_Trends. Dentro dele, crie dois arquivos de texto. Um deles deve se chamar manifest.json, e o outro, trends.html. O conteúdo do manifest.json descreve a versão da extensão, o autor, as permissões de execução e quais são os nomes dos arquivos com os ícones. No código, declaramos o arquivo trends.html como o principal da extensão, pela diretiva popup. É importante entender também a diretiva permissions. Ela especifica os recursos que serão acessados pela extensão.