Criando extensões para Google Chrome

Google ChromeAtualmente o browser do nosso computador é um dos softwares mais utilizados diariamente, adicionalmente, temos inúmeros plugins que acrescentam funcionalidades extra. Um plugin é um pequeno software desenvolvido para adicionar funcionalidades extra a softwares maiores, como o exemplo dos browsers que utilizamos. Os plugins podem-nos ajudar a automatizar pequenas tarefas no dia-a-dia ou até melhorar a nossa experiência enquanto utilizadores da web.

Neste artigo que vos trago hoje, vou explicar como podemos desenvolver o nosso próprio plugin para o Google Chrome.

Antes de começarmos deverás ter como requisitos mínimos, os seguintes conhecimentos:

  • HTML
  • CSS
  • JavaScript

Para que possamos começar a desenvolver, basta criar um novo directório no nosso computador, abrir o nosso editor de texto preferido e voilá, estamos prontos!

Se alguma vez desenvolveste um Website ou aplicação Web, então vais habituar-te rapidamente ao desenvolvimento de plugins

Declarações

Devemos começar por criar um ficheiro de manifesto, ficheiro este que contém todas as informações do nosso plugin, chamado manifest.json. Este ficheiro é nada mais nada menos do que um ficheiro com o conteúdo em formato JSON.

Neste artigo vamos criar um plugin para que nos informe quais as medidas do browser de uma forma simples. Para isso, criamos um ficheiro manifest.json com o seguinte aspecto: 

{
"manifest_version": 2,
"name": "Ruller",
"description": "Este plugin diz-nos quais as medidas atuais do nosso browser.",
"version": "1.0",
"icons": { "16": "icons/16x16.png", "48": "icons/48x48.png", "128": "icons/128x128.png" },
!
"browser_action": {
"default_icon": {
"19": "icons/19x19.png",
"38": "icons/38x38.png"
},
"default_title": "Ruller"
}, !
"background": {
"scripts": ["background.js"]
}, !
"content_scripts": [
{
"matches": ["http://*/*", "https://*/*"],
"js": ["jquery.min.js","content.js"]
}
]
} !