Firefox

Firefox: nueva versión con soporte para Mac con Intel

ByLuis April 14, 2006

Ha salido la versión 1.5.0.2 de Firefox, entre cuyas novedades encontramos que soporta Mac OS X bajo procesador Intel. Pocas novedades hay, tan solo la posibilidad de saltarse la herramienta de importación que aparece en la primera ejecución, petición de comentarios cuando se desinstala el navegador y una herramienta para los testers que le ayudan a localizar memory leaks. Como cabe esperar, también han sido corregidos algunos fallos.
Firefox 1.5.0.2

Javascript

Drag & Drop de ficheros en Firefox

ByLuis February 18, 2010

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

Firefox

Firebug 1.0, lo que nos va a ofrecer

ByLuis November 17, 2006

firebug1.0.png Ya en otras ocasiones hemos hablado de Firebug, y esta vez no puede ser menos debido a todo lo que nos va a ofrecer la versiÃ³n 1.0, lo cual es mucho:

Usabilidad: posibilidad de abrirlo en una ventana nueva, pudiendo situarla en un segundo monitor. Listas de pÃ¡ginas en las que queremos que estÃ© activo o no Firebug. Tecla de acceso directo para abrir Firebug de forma normal o en una ventana nueva. Facilidad de lectura ya que se puede aumentar o disminuir el tamaÃ±o de la letra.
CÃ³digo HTML: visor de cÃ³digo fuente de forma estructurada, con posibilidad de desplegar etiquetas. Ver quÃ© es lo que se estÃ¡ modificando en la pÃ¡gina web. Editar el cÃ³digo HTML en el momento. Encontrar elementos HTML en el cÃ³digo posicionÃ¡ndonos en ellos con el ratÃ³n. Busquedas. Si se modifica la pÃ¡gina y se recarga, Firebug seguirÃ¡ apuntando al elemento que tenÃamos antes de la recarga. Copiar el cÃ³digo HTML al portapapeles.
CSS: InspecciÃ³n en cascada. PrevisualizaciÃ³n de colores e imÃ¡genes. Facilidad para ajustar los estilos mediante la ediciÃ³n de las propiedades. Autocompletado. Modificar los valores numÃ©ricos aumentando y disminuyendo los valores usando las flechas de cursor. SelecciÃ³n de valores posibles de los estilos. Posibilidad de desactivar propiedades en los estilos para ver las diferencias. Inspeccionar cualquier hoja de estilos. Copiar al portapapeles colores y rutas de imÃ¡genes.
VisualizaciÃ³n de CSS: Se puede ver el modelo de caja de los elementos HTML. De igual manera, se puede visualizar las medidas de la caja del elemento. Uso de reglas y guÃas como si se tratara de un programa de diseÃ±o grÃ¡fico. ModificaciÃ³n de las medidas de las cajas en el acto.
Monitor de red: Toma los tiempos de carga de del fichero y de los ficheros adjuntos. Separar los tiempos por tipo de fichero. DistinciÃ³n entre ficheros de la cachÃ© y los que se han descargado de la red. Visualizador de la cabecera HTTP. Monito de las peticiones XMLHTTPRequest.
Debug: Permite encontrar ficheros js de forma sencilla. Poner puntos de interrupciÃ³n en nuestro cÃ³digo. Incluir condiciones en los puntos de interrupciÃ³n. EjecuciÃ³n paso a paso. Parar automaticamente la ejecuciÃ³n si encuentra un error. Cuando se produce un error existe la posibilidad de ver la pila de llamdas a funciones que esperan respuesta. Visor de los valores de los objetos y de las propiedades. Uso de tooltips cuando estÃ¡ parada la ejecuciÃ³n del script para ver el valor de las variables. MediciÃ³n de tiempos de ejecuciÃ³n. Logs de las llamadas a funciones. Acceso rÃ¡pido a nÃºmeros de lÃnea.
BÃºsqueda de errores: Los errores se muestran en la barra de estado del navegador. VisualizaciÃ³n de los errores javascript solo de la pÃ¡gina a la que se accede. InformaciÃ³n descriptiva de los errores. Acceso fÃ¡cil al debugger. BÃºsquedas rÃ¡pidas. Filtro por tipo de errores.
Inspector DOM: DiferenciaciÃ³n entre cÃ³digo estÃ¡ndar y el creado mediante Javascript. Resumen informativo de los objetos inspeccionados. EdiciÃ³n de los objetos con posibilidad de autocompletado. Al recargar la pÃ¡gina accede al mismo objeto que estaba seleccionado anteriormente. NavegaciÃ³n por el cÃ³digo Javascript.
EjecuciÃ³n de cÃ³digo Javascript: consola para ejecuciÃ³n de cÃ³digo javascript. Autocompletado. El texto de la consola no es tratado como texto plano sino como hipertexto.
Trazas: posibilidad de mostrar trazas en la consola desde Javascript. Las trazas pueden ser de texto, objetos y texto formateado usando variables. Distintos colores para distintos tipos de logs (error, warm, debug e info). Marcas de tiempo. Stack traces. AgrupaciÃ³n de trazas. InspecciÃ³n de objetos.

Estoy deseando que salga la beta para poder probarla.

Firebug

VÃa / Ajaxian

Firefox

Firefox 2 alpha 1 listo para descargar

ByLuis March 22, 2006

Ya ha salido la versión alfa de Firefox 2, llamada Bon Echo, entre las novedades que encontramos hay:

Cambios en el comportamiento de las pestañas.
Nueva capa de almacenamiento de historicos y marcadores usando SQLlite.
Ampliado el formato de búsqueda de plugins.
La actualización de extensiones se mejora tanto en seguridad como a la hora de su localización.
Soporte de svg:textPath para SVG
Y muchas otras que aún no han tenido tiempo de escribir.

Descarga

Vía / mozillaZine

Firefox

Firefox 2 beta 1, disponible

ByLuis July 10, 2006

Firefox 2 estÃ¡ cada vez mÃ¡s cerca, si eres de los que no puede esperar, puedes empezar con la beta 1, la cual ya estÃ¡ disponible para la descarga.
Aquellos que quieran tener una versiÃ³n algo estable, que esperen, porque la mayorÃa de las extensiones no funcionan, aunque eso sÃ, lo puedes instalar en otro directorio.
VÃa / Denken Ã¼ber

Firefox

TrailFire: cadenas de comentarios en Firefox

ByLuis January 10, 2007

TrailFire es una extensiÃ³n para Firefox que nos permite aÃ±adir comentarios en distintas web, asociarlas a entre sÃ y crear una lista de comentarios (trail) por la que podemos movernos y acceder a distintas de ellas.
Por ejemplo, nosotros nos hemos creado un trail del blogroll de Sentido Web, cuando un usuario de TrailFire entre en Sentido Web o en cualquier otra pÃ¡gina de nuestro blogroll, le aparecerÃ¡ un pequeÃ±o icono en el que se indicarÃ¡ nuestro comentario y existirÃ¡ la posibilidad de navegar por nuestro trail.

AdemÃ¡s, se pueden enviar los comentarios a otras personas por correo, y cambiar el aspecto del “bocadillo” que se mostrarÃ¡ con nuestros comentarios.
Como punto negativo dirÃa que cuando creas un comentario, tienes que esperar a que se te cargue la pÃ¡gina, crear el comentario y seguir con lo que estabas haciendo, porque si cambias de pestaÃ±a en Firefox se hace un poco de lÃo.
TrailFire
VÃa / Firefox Magazine

Firefox | Trucos

Modifica dónde guardar los marcadores de Firefox

ByLuis April 11, 2006

Hoy me he encontrado con que apagué mal el ordenador ayer, y cuando he ido a poner el Firefox… [tachaaan]… no tenía los marcadores. ¡Socorro!, todos los feeds que tengo con el Sage perdidos. Aunque he podido recuperarlos, y aún no sé cómo, lo que sí he querido hacer es guardar los marcadores en otro directorio, en el cual se hacen copias de seguridad.

El método es sencillo:

Cierra Firefox
Copia o mueve el archivo bookmarks.html y el bookmarks.bak que se hayan en el profile en el directorio nuevo
Escribe about:config en la barra de dirección de Firefox
Haz click con el botón derecho del ratón, pulsa en Nuevo->Cadena
Escribe como nombre de la preferencia: browser.bookmarks.file
Escribe el path completo del archivo bookmarks.html (incluido el nombre del archivo)

Listo, ya tenemos cambiada la localización de los marcadores.

Customize the Firefox Bookmarks location

Similar Posts