Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

Capítulo 1: Introducción a las extensiones.

Borrador
Esta página no está completa.

Note: If you want contribute to this document please following guidelines from the Contribute page.

Este documento fue escrito por Hideyuki Emura y publicado originalmente en japonés para el Firefox Developers Conference Summer 2007. Emura-san es un coautor de Firefox 3 Hacks (O'Reilly Japan, 2008.)

Introducción

Si estás leyendo esta guía, probablemente has utilizado firefox antes. Tal vez la primera vez que viste firefox, es posible que te hayas sorprendido al ver que tiene una estructurara mucho más simple que otros navegadores con muchas funciones, como Opera o Safari.

¿Qué características son consideradas estándar para los navegadores en estos días? Tal vez cosas como controles de pestañas, movimientos del ratón, barras de herramientas y botones, un lector de feed, integración con una variedad de aplicaciones web, o herramientas sofisticadas para ayudar al diseño web. Pero nosotros no teníamos la intención de crear un navegador todo-en uno que pueda satisfacer a todos

En cambio, Firefox puede soportar estas características a través de las extensiones. El núcleo del navegador se limita a las funciones básicas, algo que puede hacer sentirse cómodo a un principiante, pero los usuarios que quieren algo más pueden instalar las extensiones.

Acerca de las extensiones

Administrador de complementos

El administrador de complementos de firefox es una excelente manera para manejar las extensiones y es muy fácil de usar.

El Administrador de complementos se encarga de las siguientes tareas:

  • Instalaciones y desintalaciones seguras de complementos.
  • Verifica que el complemento sea compatible con la versión de firefox que estás usando.
  • Maneja listas blancas de sitios de confianza para la instalación de complementos.
  • Ayuda a solucionar problemas de complementos inhabilitándolos y faciliar un modo seguro.
  • Confirma y ejecuta actualizaciones.
  • Provee acceso a los diálogos de configuración del complemento.
  • Provee acceso a las páginas web de asistencia de los complementos.

Características del entorno de desarrollo

Inicialmente, no había suficiente documentación disponible, y los desarrolladores de extensiones quedaron en gran medida a su suerte; sin embargo, ahora hay un cuantioso depósito de conocimiento.

Debido a que Firefox y sus extensiones están diseñadas para soportar multiples idiomas, excelentes extensiones vienen de todo el mundo, y pueden ser localizadas rápidamente por cualquier persona que esté interesada.

Ésto facilita el uso y el desarrollo de extensiones; este hecho, combinado con la popularidad creciente de firefox, ha creado un búcle de realimentación positiva, y un crecimiento explosivo del número de usuarios  y desarrolladores de las extensiones. Hay ahora más de 7000 extensiones y temas publicados en la página web de complementos de firefox. (https://addons.mozilla.org).

¿Qué podemos hacer con las extensiones?

Echemos un vistazo a que características pueden añadir las extensiones y algunos ejemplos reales de ellas.

Extensiones solo con una función.

FIXME: Update this.

Éstas son extensiones relativamente simples que añaden solo una función.

Enlace de texto
Makes it so that double-clicking on an unlinked URL follows that URL.
Botón para abrir pestañas cerradas
Añade un botón en la barra de herramientas para volver a abrir las pestañas cerradas más recientemente en el menú del historial.
1211576231.png
Barra de la dirección
Separa el dominio y la ruta de acceso de una URL para facilitar su lectura en la barra de direcciones.
locationbar.png

Feature enhancing extensions

FIXME: Update this.

These extensions enhance features that already exist in Firefox.

Tab Mix Plus
Offers detailed tab-related settings.
PrefBar
Gives access to numerous preferences from the toolbar.PrefBar.png
NoScript
Enables and disables JavaScript execution on a site-by-site basis.

Web application integration extensions

FIXME: Update this.

The use the APIs of certain web applications to provide certain pieces of information.

Forecastfox.png

New feature extensions

FIXME: Update this.

Extensions can add completely new features to Firefox. This class of extension requires a greater level of knowledge and programming ability.

GreaseMonkey
UserChrome.js
Both of these provide an environment for running user scripts (JavaScript) in Firefox itself, where the scripts can target specific websites.
Adblock Plus
Blocks the display of unwanted advertisements on web pages.
All-in-One Gestures
Adds mouse-gesture functionality.

Application level extensions

FIXME: Update this.

These are sophisticated extensions that can be considered full-scale applications in their own right, essentially using Firefox as the development platform.

Firebug.gif

One-trick gag extensions

FIXME: Update this.

There are a number of one-trick gag extensions that aren’t very useful.

Shiitake Mushroom (1).png

This is a very brief survey of a few extensions, but there are many other unique extensions available.

Table 1: Advanced customization methods for Firefox

Customization Method Does it work for web sites? Does it work for Firefox?
User style sheets (change appearance through CSS)

Yes; you can change the userContent.css file, or use the Stylish extension.

Yes; you can change the userChrome.css file, or use the Stylish extension.

User scripts (change appearance and functionality through JavaScript)

Yes; you can use the GreaseMonkey extension or "bookmarklets."

Yes; you can change userChrome.js to add functionality through JavaScript.

Extensions (these can do anything) Yes Yes
Theming (this changes the look of the browser) No Yes

Vamos a construir una extensión

La tabla 1 muestra varias opciones de personalización disponibles para un usuario en firefox. Los usuarios tienen opciones de personalicación Flexibles, usando CSS en las hojas de estilo del usuario y javaScript/DOM en los script del usuario.

En adición a CSS y Javascript, las extensiones pueden tomar ventajas de las tecnologías XUL y XPCOM para características más sofisticadas. Temas, los cuales pueden alterar la apariencia de firefox, son un tipo de complemento.

Para crear una extension, necesitas una idea y sólo un poco de abilidad programando. Los siguientes capítulos explicaremos con detalles las tecnicas para escribir extensiones.

1 One of the authors of this special edition, Piro, is world-famous as one of the original developers.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pacommozilla, AgustinAlvia
 Última actualización por: pacommozilla,