Sentido Web » Firefox

Drag & Drop de ficheros en Firefox

displaynone — Thu, 18 Feb 2010 09:46:22 +0000

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

displaynone — Thu, 02 Jul 2009 21:15:00 +0000

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

displaynone — Thu, 14 May 2009 19:00:00 +0000

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

Plugin Firefox con menu de ayuda de CodeIgniter

displaynone — Sat, 09 May 2009 05:29:17 +0000

CodeIgniter es para mí uno de los mejores frameworks para PHP que hay. Para aquellos que lo usemos no nos vendrá nada mal este plugin de Firefox que nos ofrece en el menú un acceso a la ayuda de CodeIgniter, acceso a los foros, al wiki y la posibilidad de descargárnoslo. CodeIgniter Menu 0.1

Wappalyzer: extensión Firefox para saber que herramientas usa una web

displaynone — Mon, 12 Jan 2009 17:15:00 +0000

Wappalyzer es una extensión para Firefox que nos muestra que herramientas usa una web. Nos indica entre otras cosas qué CMS, Javascript framework, wiki, sistema de estadísticas, … Entre otras herramientas detecta el uso de: Google Analytics, jQuery, Mootools, WordPress, Blogger, Joomla, Drupal, mediaWiki, phpBB, … Wappalizer Vía / Woork

FireUnit: extensión para pruebas unitarias de Javascript

displaynone — Thu, 18 Dec 2008 17:00:00 +0000

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

displaynone — Thu, 03 Jul 2008 20:00:00 +0000

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:

FUEL – Página principal (API y ejemplos)
FUEL – Documentación (API)
FUEL – Presentación (John Resig)
FUEL – Presentación (Mark Finkle)
STEEL – Ejemplo versión para Thunderbird.

Simple Extensions in Firefox 3

FlickTrans: extensión Firefox para enviar imagenes a Flickr

displaynone — Tue, 10 Jun 2008 17:00:00 +0000

FlickrTrans es una extensión para Firefox que nos permite subir imágenes que visitamos directamente a Flickr. El autor nos explica todo el proceso que ha realizado para desarrollar la extensión, para lo cual se ha basado en Uploadr for Flickr 1.0 y luego ha realizado sus modificaciones. FlickrTrans Vía / digitta

Selenium IDE: plugin para Firefox para realizar testing

displaynone — Mon, 19 May 2008 16:30:00 +0000

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

displaynone — Mon, 03 Dec 2007 19:00:00 +0000

Server 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