Crea un Complemento (Add-on) para Firefox

El reto de hoy es simple crear un complemento para Firefox

Firefox te provee de mucha ayuda al momento de crear un complemento (en ingles y español) para tu navegador preferido.

  1. Lo primero registrate una cuenta en firefox esto no solo te da acceso a crearte tu propia coleccion de complmentos sino tambien muchas otras mejoras.
  2. Luego podemos acceder al centro de desarrolladores de complementos

complemento FirefoxElige tu entorno de desarrollo

Firefox te brinda 2 entornos de trabajo en web y escritorio para el manejo de su SDK

El desarrollo de complementos para firefox es my sencillo!

Si sabes HTML, CSS y JavaScript, puedes hacer complementos Firefox.

Selection_033 Selection_034Comencemos con la version web:

Selection_035En este paso sera necesario logearse en Persona que es un login único de Firefox para sus servicios.

para tener algo mas de documentación en ingles

por la segunda opcion bajando el sdk podemos ejecutar

Selection_104

Ejecutando las anteriores lineas estoy arrancando el sdk y generando después la documentación off-line

Pero vamos a acelerar un poco las cosas para lo cual lo haremos via web

Selection_105

Una vez dentro del panel ya tnemos nuestro codigo construido y podemos realizar pruebas. para hacerlo correr

Selection_037Le damos click en el icono con el ojo para el test

Selection_036Con esto ya tenemos instalado nuestro primer complemento de Firefox con datos defecto no hace mucho y aun no esta personalizado (solo es un acceso directo a www.mozilla.org)

Selection_038Vamos a personalizarlo un poco para que lleve nuestro nombre y acceso directo a nuestro blog

Selection_039Como pudieron ver el codigo en este caso esta compuesto en un main.js el cual hemos adecuado, la herramienta tambien te drinda la opcion de descargar tu addon para distribuirlo

Selection_040De momento parece que hemos cumplido en el objetivo planteado. Espero en una próxima oportunidad mostrar algún contenido mas elaborado.