Drag & Drop de ficheros en Firefox

ByLuis

Esto puede dar mucho juego, pero tan solo funciona en Firefox 3.6+, por lo que no podemos depender de este script en nuestras aplicaciones. A partir de la versión 3.6, Firefox permite realizar drag&drop de ficheros en nuestra web y mediante Javascript poder obtener los ficheros o textos que se arrastren contra un elemento específico.

Su uso es muy sencillo:

dropzone.addEventListener("drop", function(event) {
  event.preventDefault();
  // Ready to do something with the dropped object
  var allTheFiles = event.dataTransfer.files;
  alert("You've just dropped " + allTheFiles.length + " files");
}, true);

Y dispone de una API tanto para el drag&drop como para los ficheros.

Recomiendo ver el código fuente de este ejemplo para tener una librería que te hace todo el trabajo.

file drag and drop in Firefox 3.6

FireQuery: optimizaciones para FireBug centradas en jQuery

ByLuis

FireQuery es un plugin para Firefox que permite añadir mejoras a Firebug basadas en jQuery. Permite añadir jQuery a cualquier web, algo muy útil si necesitas ejecutar algún script en la consola y te apañas mejor con jQuery.
Además permite ver los eventos que está asociados en los elementos HTML desde la pestaña HTML de Firebug.
FireQuery (web)
Vía / DZone

Firefinder: plugin para Firebug que localiza elementos

ByLuis

Firefinder es un plugin para Firefox que se integra con Firebug y que nos permite localizar de forma rápida y sencilla elementos HTML en la página.
Permite usar selectores CSS y XPath, por lo que no es necesario conocer una nomenclatura nueva, y además nos ayuda cuando trabajemos con los selectores jQuery o cuando estemos parseando HTML.
Firefinder
Vía / Robert’s talk

FireUnit: extensión para pruebas unitarias de Javascript

ByLuis

FireUnit es un plugin para Firefox que permite realizar pruebas unitarias de Javascript y mostrar los logs en una pestaña de Firebug. El plugin está desarrollado entre otras personas por John Resig, desarrollador de jQuery.

Se pueden realizar pruebas como las siguientes:

// Simular eventos del navegador
var input = document.getElementsByTagName("input")[0];
fireunit.mouseDown( input );
fireunit.click( input );
fireunit.focus( input );
fireunit.key( input, "a" );

FireUnit

Vía / John Resig

|

FUEL en Firefox 3

ByLuis

Ya hace tiempo hablamos de FUEL, un framework para desarrollar extensiones para Firefox. Ahora ya está disponible en Firefox 3, por lo que podemos ir aprendiendo y haciendo nuestras pruebas.

John Resig nos ofrece una serie de enlaces y ejemplos para empezar con FUEL:

Simple Extensions in Firefox 3

Selenium IDE: plugin para Firefox para realizar testing

ByLuis

Selenium IDE es un plugin para Firefox que nos va a facilita la labor de realizar juegos de pruebas en nuestras aplicaciones web. Para ello nos permite grabar, editar y debuguear tests. Con la grabación, podremos grabar la navegación que realizamos en Firefox y después reproducirla. Aunque no es tan solo una herramienta de grabación, además permite editar las grabaciones.

Las características que nos ofrece son:

  • Grabación y reproducción de casos de test
  • Selección inteligente de campos mediante sus ids, nombres o XPath
  • Autocompletado para todos los comandos de Selenium
  • Paso a paso
  • Debug y puntos de parada
  • Guardar los test como HTML, scripts de Ruby, …

Disponemos de un gran tutorial de uso aquí

Selenium IDE

Gracias Taufpate por el aviso.

Server Switcher: extensión para Firefox

ByLuis

serverswicher.pngServer Switcher es una extensión para Firefox que nos ayudará en el desarrollo de aplicaciones para poder cambiar de servidor de pruebas al de real, y viceversa, con un simple click del ratón. Esto nos es de mucha utilidad cuando estamos trabajando en diferentes entornos y queremos comprobar las diferencias entre uno y otro. Además, nos ahorra el tener que modificar las URLs de la barra de navegación del Firefox, ya que con un solo click realiza el cambio.
Cuando la extensión detecta que la página que accedemos está en su lista de servidores intercambiables, nos mostrará un icono en la ruta de la página que será el que pulsemos para realizar el cambio de servidor.
Entre otras características permite HTTPS, directorios y accesos directos a fichero (file:///D:/www).
Server Switcher
Gracias David por el aviso