Mozilla JetPack es una extensión para Firefox que permite desarrollar extensiones mediante el uso de tecnologías de desarrollo web (HTML, CSS, Javascript), aprovechándose de la potencia de Ajax y los nuevos estándares multimedia (<canvas />
, <video />
y <audio />
) realizar extensiones para Firefox es muy sencillo y sobretodo muy potente.
Gracias a la integración con jQuery, el desarrollo de extensiones será realmente sencillo y la pequeña API, será más que suficiente para hacer realidad esas ideas que tenemos en mente.
La facilidad de integrar librerías externas (Google Maps, Twitter, Delicious.com,…) hará que nuestro navegador esté más conectado que nunca.
Veamos un ejemplo:
function GmailNotifier(doc){
$(doc).click( this.goToInbox );
this.update( doc );
setInterval( function(){
this.update(doc);
}, 60*1000 );
}
GmailNotifier.prototype = {
goToInbox: function(){
jetpack.tabs.open("http://mail.google.com");
jetpack.tabs[ Jetpack.tabs.length-1 ].focus();
},
update: function(doc){
var url = "http://mail.google.com/mail/feed/atom";
doc = $(doc);
$.get( url, function(xml){
var el = $(xml).find("fullcount"); // Unread message count
if( el ){
var count = el.get(0).textContent;
doc.find("#count").text( count );
}
else{
doc.find("#count").text( "Login" );
}
});
}
}
jetpack.statusBar.append({
html: '<img src="http://mail.google.com/mail/images/favicon.ico"><span id="count"></span>',
onReady: function(doc){
var gmail = new GmailNotifier(doc);
$("#count", doc).css({
position: "absolute",
left: 4, top: 8,
fontSize: "10px",
cursor: "pointer",
backgroundColor: "rgba(255,255,255,.8)"
});
},
width: 20
});
Este código nos mostrará un icono de gMail con el número de emails pendientes por leer en la parte inferior de nuestro Firefox (statusbar). Revisa el tutorial para ver que cosillas se pueden hacer.
Ya tenemos una buena serie de demos desarrolladas por que extendamos nuestro navegador.
Gracias Edu.
6 comentarios, 5 referencias
+
#