Blog

Firefox: creare pulsanti partendo da bookmarklet | 2012-06-14

Condividi:

Se c'è qualcosa che mi piace davvero sono i bookmarklet: piccoli pezzi di Javascript, salvati sotto forma di segnalibro che compiono operazioni di vario tipo: dalla semplice modifica di una pagina a procedure molto più complesse come sincronizzazioni, salvataggi in agende, trasformazioni di layout eccetera.

Quindi, come ovvio, nel tempo la mia dotazione di bookmarklet si è di molto arricchita: ho una cartella di segnalibri solo per loro. Devo però ammettere che presentano dei problemi: in una cartella, seppur nella barra dei segnalibri, sono scomodi da raggiungere (il loro scopo è proprio l'immediatezza) e sono identificabili solamente per nome (non è infatti possibile aggiungere una icona che li identifichi).

Ho quindi deciso di provare Custom Buttons, un'estensione per Firefox che consente di trasformare un bookmarklet in un pulsante da inserire nella barra degli strumenti del browser stesso. Vicino a quello per aprire la pagina iniziale, tanto per fare un esempio. I vantaggi sono innumerevoli: più spazio nella barra dei segnalibri (da utilizzare con veri segnalibri), un'icona identificativa per ciascuno, più possibilità di personalizzazione.

Cominciamo procurandoci l'estensione, partendo da questo indirizzo. Aggiungiamola a Firefox e riavviamo il browser affinché le modifiche abbiano effetto.

Creare un pulsante

Per invocare la finestra di creazione è sufficiente cliccare in un punto libero della barra delle schede e selezionare Aggiungi nuovo pulsante....

I campi sono di facile intuizione, e non sono tutti obbligatori. In Nome inseriremo l'etichetta identificativa del pulsante stesso (un titolo). In Immagine impostiamo un'icona identificativa. Possiamo anche incollare un URL all'interno, così come una stringa formattata in base64. Resta comunque disponibile il pulsante Sfoglia per selezionare un file locale.

La parte più interessante viene quando dobbiamo inserire il codice. Come chiarito all'inizio, un bookmarklet non è altro che Javascript, quindi, quando ci troviamo in un sito che ne presenta uno, anziché trascinarlo nella barra dei segnalibri procederemo con Copia indirizzo, in modo da averne il codice negli appunti.

Portiamoci nella scheda Codice e cancelliamo il contenuto. Scriviamo quindi (consiglio di copia-incollare il segmento, perché è sensibile alle maiuscole) loadURI(""). Inseriamo il cursore tra i due doppi apici e incolliamo quanto avevamo negli appunti. In questo modo avremo il nostro bookmarklet all'interno della funzione loadURI (come parametro), necessaria per eseguirlo. Nessuno ci vieta di inserire un URL e quindi di creare un segnalibro

E collocarlo nella barra

Una volta che avete configurato il vostro pulsante, cliccate su OK per confermare. Se non vi vengono restituiti errori, l'operazione è completata e il pulsante è disponibile tra quelli che si possono inserire. Per aggiungerlo alla barra apriremo il menu contestuale (sempre cliccando con il tasto destro del mouse in un punto libero della barra delle schede) e sceglieremo Personalizza. Basterà trascinare il nuovo pulsante nella barra (nell'immagine è il secondo pulsante da destra, dopo quello di LastPass).