creare estensione per firefox

vi farò vedere come creare una semplice estensione per firefox, che va a creare una voce nel menu’ struemnti di firefox.

dove, cliccato su questa voce, spunterà un avviso.

incominciamo:

creiamo una cartella con un nome a piacere, per esempio ciao;

qui, andremo a creare un’altra cartella con il nome chrome.

ora sul desktop creiamo una cartella con il nome skin.

all’interno della cartella skin, un’altra cartella con il nome classic.

all’interno la cartella ciao

all’interno della cartella ciao andrete a mettere questo file qui.

quindi, avrete nel desktop questa struttura di cartella

skin —> classic –> ciao -> contents.rdf.

ora lasciamo questa cartella, e andremo a creare un’altra cartella sempre sul desktop con il nome content.

all’interno della cartella content, un’altra cartella con il nome ciao.

all’interno della cartella ciao, ci andranno 3 file:

scaricate questo e andatelo a mettere nella cartella content/ciao.

una volta scaricato e copiato nella cartella content/ciao …

scarichiamo questo file;

copiamolo sempre nella cartella content/ciao …

ed, apriamolo con notepad++:

andremo a modificare alcune stringhe:

la prima:

<menuitem insertafter=”devToolsSeparator” label=”>Link per Gabriele97’s Blog” accesskey=”u” oncommand=”ciao();” />

dove c’è scritto Link per Gabriele97’s Blog, cancelliamolo e mettiamo la voce che apparirà nel menu’ strumenti di firefox

dopo in accesskey=”u” cancelliamo -u- e mettiamo il tasto di scelta rapida.

possiamo ora chiudere e salvare le modifiche.

ora andrete a scaricare questo file e lo andrete sempre a mettere nella cartella content/ciao …

una volta copiato, apriamolo sempre con notepad++ :

a posto dei puntini mettiamo il messaggio che apparirà, per esempio Gabriele97’s Blog.

quindi salviamo.

dentro la cartella content/ciao    avremo questi tre file:

bene, ora andremo a creare i file di installazione

apriamo la cartella ciao, creata all’inizio, e scarichiamo questo file.

il file scaricato, install.js, andrà copiato nella cartella ciao/

ora scarichiamo questo file.

andrà copiato nella cartella ciao/ …

l’ultimo file scaricato, install.rdf, lo andremo ad aprire con notepad++:

andremo a modificare alcune stringhe…

<em:name>Gabriele97’s Blog menu'</em:name>

metteremo il nome dello script, per esempio “esempio”

<em:name>esempio</em:name>

poi:

<em:description>Menu’ per andare al blog Gabriele97’s Blog.</em:description>

mettiamo la descrizione, per esempio la prova

<em:description>la prova</em:description>

poi:

<em:creator>gabriele97</em:creator>

il creatore

e ancora:

<em:homepageURL>http://www.gabriele97.wordpress.com</em:homepageURL&gt;

la nostra home page, se non avete lasciate biango

<em:homepageURL> </em:homepageURL>

e alla fine:

<em:maxVersion>3.5.2</em:maxVersion>

l’ultima versione versione di firefox, cioè 3.5.2.

ora possiamo salvare;

ritorniamo sul desktop:

selezioniamo le due cartella: skin e content, e clicchiamo con il tasto destro, scegliamo aggiungi ad un archivio

e impostiamo tutto così:

facciamo click su ok.

sul desktop verrà creato il file ciao.jar.

copiarlo nella cartella ciao/chrome/

ora, è pronto.

creiamo il file *.xpi.

selezioniamo i file dentro la cartella ciao, compresa la cartella chrome

e con il tasto destro selezioniamo aggiungi ad un archivio.

impostiamo tutto come in immagine:

facciamo click su ok.

dentro la cartella ciao/

verrà creato il file con estensione *.xpi, che windows non legge, ma non disperiamoci:

apriamo firefox, e spostiamo il file con estensione *.xpi nella finestra di mozilla:

facciamo click su installa, e dopo su riavvia firefox.

al riavvio, verifichiamo che nel menu’ strumenti ci sia la nuova voce:

selezioniamola per vedere se tutto è andato bene.

il download di un file *.xpi è qui.