Asterisco Blog

Bookmarklet - introduzione

Tempo fa ero stato colpito da un articolo di Laburno riguardo i bookmarklet. Fino ad allora mi era capitato di usarli senza mai rendermi conto realmente di cosa fossero e di come funzionassero. Ho quindi iniziato a studiare il loro funzionamento.

I bookmarklet, brevemente, sono segnalibri che, al posto di contenere un normale URL, contengono del codice javascript. Quando si andrà a cliccare su un segnalibro bookmarklet il browser non farà altro che eseguire il codice javascript. Le potenzialità sono praticamente infinite, basti solo pensare alla possibilità di gestire i singoli elementi della pagina tramite scripting DOM.

Un piccolo esempio

Senza addentrarci minimamente nelle potenzialità di questo strumento, questo potrebbe essere un semplice (ed inutile) esempio di bookmarklet. L’obiettivo è quello di validare il codice xHTML della pagina correntemente visualizzata nella finestra del borwser. Analizzando brevemente il funzionamento del validatore ci si accorge facilmente che l’indirizzo della pagina da validare viene passato tramite URL. In pratica dopo http://validator.w3.org/check?uri= viene messo l’indirizzo del documento da validare. Per realizzare il nostro bookmarklet ci basterà, quindi, ricavare l’indirizzo della pagina corrente, agganciarlo all’URL del validatore ed aprire il tutto in una nuova pagina. Nulla di più semplice:

javascript: (function(){
window.open('http://validator.w3.org/check?uri='+encodeURI(location.href))
})()

Ora bisogna solo aggiungere tale codice ai segnalibri. Gli utenti di Firefox possono trascinare direttamente il link sottostante sulla barra dei segnalibri:

Valida HTML

Come già detto questo è solo un esempio senza una reale utilità.