Estensioni per Chrome: Facebook

facebook

Dopo aver creato una prima estensione per chrome (leggi la prima parte) vediamo adesso come creare un estensione un po più avanzata. Aggiungeremo una piccola icona a fianco della barra di navigazione e faremo aprire una nuova finestra del browser che corrisponde al sito che vogliamo visitare. In questo esempio apriremo Facebook, ma si può facilmente cambiare il sito di destinazione.

Creiamo il file base, manifest.json ed inseriamo il seguente codice:

{
“name”: “Facebook”,
“version”: “1.0”,
“description”:”Open new tab with Facebook”,
“background_page”: “background.html”,
“browser_action”: {
“default_icon”: “icon.png”
},
“permissions”: [
“tabs”
]
}

L’unica istruzione nuova è

“background_page”: “background.html”,

che ci permette di aprire in una nuova finestra la nostra estensione. Creiamo ora il file background.html.

Il file background.html è invece composto da queste righe.

<script>
var myURL=”http://www.facebook.com”;
chrome.browserAction.onClicked.addListener(function(tab)
{chrome.tabs.create({url:myURL});});
</script>

Questo semplice script ci permette di aprire l’url da noi specificato nel parametro myURL. Possiamo cambiarlo semplicemente, magari inserendo twitter.com. Con un semplice click sarà possibile aprire quindi il nostro sito preferito.

Per sapere come installare questa estensione e provarla nel vostro browser leggete la prima parte della guida.

morocarlo

Sono uno studente di ingegneria informatica di Trieste. Sono appassionato di informatica. Conosco vari linguaggi fra cui C#, vb.net, vb6, java, php, asp, ...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *