Introducción a las extensiones

<font size="3"><font color="#000000">

Borrador
Esta página no está completa.

</font></font>

Nota: Si desea contribuir en este documento, por favor siga las directivas de la página de Contribución.

Este documento fue creado por Hideyuki Emura y fue originalmente publicado en japonés para la 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 ya has usado Firefox. Quizás la primera vez que miraste Firefox, te has sorprendido de ver que tiene una estructura mucho más simple que otros exploradores de amplias funcionalidades, como Opera o Safari.

¿Qué funcionalidades son consideradas estándar en los exploradores web en estos días? Tal vez cosas como controles de pestañas de "granulado fino", gestos con el ratón, botones y barras de herramientas amplias, un lector de fuentes web, integración con una variedad de aplicaciones web, o herramientas sofisticadas para asistir el diseño web. Pero no nos hemos propuesto crear un explorador todo-en-uno que pueda satisfacer a todos.

En su lugar, Firefox puede soportar esas funcionalidades a través de extensiones. El explorador básico está limitado a funcionalidades básicas, así es algo con lo que un principiante se siente cómodo, pero los usuarios que quieren ir más allá pueden instalar extensiones.

Acerca de las extensiones

Manejo usando el administrador de complementos

El administrador de complementos de Firefox es una excelente forma de manejar las extensiones, y es un gran avance es facilidad de uso.

El administrador de complementos se encarga de las siguientes tareas:

  • Instalar y desinstalar complementos de mandera segura
  • Asegurarse de que los complementos sean compatibles con la versión de Firefox en uso
  • Administrar la lista blanca de sitios en los que se confía para instalar complementos
  • Ayudar a solucionar problemas de los complementos deshabilitándolos y ofreciéndolos en modo seguro
  • Confirma y ejecuta actualizaciones
  • Proveé acceso a las ventanas de configuración de complementos
  • Proveé acceso a los sitios de soporte de los complementos

Comodidades para el entorno de desarrollo

Inicialmente, no había disponible una documentacíon adecuada, y los desarrolladores de extensiones quedaban en gran medida a su suerte1; sin embargo, ahora hay una considerable acumulación de conocimientos.

Como Firefox y sus extensiones están diseñados para soportar múltiples idiomas, llegan excelentes ideas de todo el mundo, y pueden ser rápidamente localizadas por cualquier interesado.

Esto disminuye el umbral tanto para el uso como para el desarrollo de extesiones; de hecho, combinado con el rápido crecimiento de la popularidad de Firefox, ha creado un bucle de retroalimentación positiva, con e número de usuarios y desarrolladores de extensiones aumentando explosivamente —actualmente hay más de 7000 extensiones y temas publicados en el sitio de Complementos para Firefox (https://addons.mozilla.org).

Qué puedes hacer con extensiones

Let's look at what features extensions can add, and some actual examples of extensions.

Extensiones de una sola función

FIXME: Update this.

These are relatively simple extensions that add a single feature.

Text Link
Makes it so that double-clicking on an unlinked URL follows that URL.
Undo Closed Tabs Button
Adds a toolbar button to re-open the most recently closed tabs to the History menu.
1211576231.png
Locationbar
Separa el dominio y la ruta de la URL en la barra de localización para una lectura más fácil.
locationbar.png

Feature enhancing extensions

FIXME: Update this.

Estas extensiones amplían características ya disponibles en Firefox.

Tab Mix Plus
Ofrece configuración detallada sobre las pestañas.
PrefBar
Ofrece acceso a numerosas preferencias sobre la barra de herramientas.PrefBar.png
NoScript
Enables and disables JavaScript execution on a site-by-site basis.

Extensiones de integración con aplicaciones web

FIXME: Update this.

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

GmailManager
Displays number of messages received in the status bar.
AdSense Notifier
Displays AdSense revenue in status bar.
Forecastfox
Displays weather forecast in status bar.
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.

Sage
Un lector de fuentes web avanzado.
Scrapbook
A web-page scrapbook organizer.
Firebug
An extremely sophisticated web-development environment for inspecting and debugging CSS,
HTML, and JavaScript.
Firebug.gif

One-trick gag extensions

FIXME: Update this.

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

Together with Foxkeh
Displays Foxkeh, the mascot of Mozilla Japan, in the sidebar and in dialogs.
Turn Cancel button into a shiitake mushroom
Like it says on the tin, turns the Cancel button into the cap of a shiitake mushroom.
Shiitake Mushroom (1).png

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

Tabla 1: Métodos avanzados de personalización para Firefox

Método de personalización ¿Funciona en sitios web? ¿Funciona en Firefox?
Hojas de estilo de usuario (cambia la apariencia a través de CSS)

Sí; puedes cambiar el archivo userContent.css, o usar la extensión Stylish.

Sí; puedes cambiar el archivo userChrome.css,o usar la extensión Stylish.

Usar scripts (cambia la apariencia y funcionalidad a través de JavaScript)

Sí; puedes usar la extensión GreaseMonkey o "bookmarklets."

Sí; puedes cambiar userChrome.js para agregar funcionalidades a través de JavaScript.

Extensiones (pueden hacer cualquier cosa)
Temas (cambian la apariencia del explorador) No

Construyamos una extensión

La table 1 muestra varias opciones de personalización disponibles para los usuarios en Firefox. Tienen opciones de personalización flexibles, usando CSS en hojas de estilo de usuario y JavaScript/DOM en scripts de usuario (depende de Stylish, GreaseMonkey, y userChrome.js).

Además de CSS y JavaScript, las extensiones pueden tomar ventaja de las tecnologías XUL y XPCOM para funciones más sofisticadas. Los temas, que alteran la apariencia de Firefox, son una clase de complemento.

Para crear una extensión, neesitas una idea y un poco de habilidades de programación. Los siguientes capítulos explican en detalle las técnicas de escritura de extensiones de algunos de los principales autores de extensiones japoneses. Te alentamos a que pruebes suerta con ellas.

1 Uno de los autores de esta edición especial, Piro, es mundialmente conocido como uno de los desarrolladores originales.

Etiquetas y colaboradores del documento

Última actualización por: Eloy,