Fireclipese: Debug de Firefox en Eclipse

ByLuis

fireclipse.pngFireclipse es un proyecto opensource que permite depurar el código javascript ejecutado en Firefox.

Las características que nos ofrece Fireclipse son las siguientes:

  • Envía los mensajes de error de la consola de Firefox a la consola de Eclipse.
  • Apunta el editor de Eclipse en la línea que Firefox ha marcado como errónea.
  • Llama a la función dump() en la consola de Eclipse.
  • Añade un botón de Eclipse en la extensión Firebug.
  • La extensión de Firebug permite: depurar el código eval(), depurar manejadores de eventos, enviar mensajes de error a Eclipse y marcar las líneas ejecutables.

fireclipse2.png

Una ayuda para aquellos que desarrollen con Eclipse y Firofox.

Fireclipse

Vía / Ajaxian

Similar Posts

|

DevBoi: documentación de desarrollo web en Firefox

ByLuis

DevBoi es una extensión para Firefox que nos agrega una barra lateral con documentación offline sobre HTML 4.01/XHTML 1.0, CSS 2.1, DOM 2, Javascript 1.3 y posibilidad de añadir paquetes con documentación online de Prototype, XUL y PHP.
devboi.png
Una forma rápida de poder acceder desde nuestro Firefox a una documentación a la que se suele acceder con frecuencia. La versión online accederá a sitios como w3.org o quirksmode.org.
Gracias Máximo
DevBoi

|

FUEL: framework para desarrollo de extensiones de Firefox

ByLuis

FUEL es un framework cuyo sentido es ayudar a realizar extensiones para Firefox de forma sencilla que accedan a las herramientas y a nivel del systema de aplicación. Para ello proveerá unas librerías estables y documentadas, obteniendo extensiones más estables y por consiguiente una aplicación más estable también.
Entre sus objetivos nos encontramos con la facilidad de acceder a las interfaces, componentes y servicios, disponer de paquetes para abrir ventanas, para tratar el nsIProcess, y para tratar ficheros, texto o stream enviado mediante XMLHttpRequest.
Es importante resaltar también que nos ayudará al acceso a datos (bookmarks, microsumarios y proveedores de búsquedas), al monitoreo de eventos y notificaciones, e interactuación con el UI de la aplicación.
Estoy deseando tener un poco de tiempo para mirarlo con detalle, ya que a veces al desarrollar una aplicación XUL nos encontramos con unas librerías un tanto enrevesadas.
FUEL
Vía / Ajaxline

coScripter: plugin de Firefox para hacer how-to

ByLuis

coscripter.pngAunque ya hablamos en su momento de este plugin de Firefox, es ahora cuando IBM lo ha finalizado y podemos disponer de él. Se trata de un plugin que nos permite grabar en scripts la actividad que realizamos mientras visitamos páginas webs y así poder repetirlo en otro momento o compartirlo con otros usuarios.
La gran utilidad que le veo a este script es la de poder generar how-to, sobre todo en proyectos para poder generar casos para los tests de prueba.
A parte, existe un repositorio de scripts que comparten con los usuarios .
coScripter
Vía / SitePoint

ScrapBook: colecciona sitios web mediante Firefox

ByLuis

scrapbook.pngInteresante extensión para Firefox que nos permite guardar páginas web y manejar colecciones. Siendo ante todo bastante ágil y sencillo. Entre las características que ofrece, nos encontramos con: guardar una página web, una parte de ella o el sitio completo, ordenar la colección de la misma manera que los marcadores, búsqueda de texto en las colecciones, editar la página web que hemos almacenado y editor de texto/HTML parecido a Opera’s Notes.
ScrapBook
Vía / genbeta

|

View Source Chart: extensión de Firefox para el código HTML

ByLuis

Gracias a Hugo y a otro amigo anónimo vía formulario de contacto, nos ha llegado esta extensión, que si bien podía llevar mucho tiempo, yo desconocía.

Se trata de View Source Chart, una extensión que nos devuelve el código HTML que se genera después de las modificaciones que hace el javascript del DOM.

viewcodechart.png
Por ejemplo, escribimos el siguiente código HTML:

document.write("Hola Mundo");

Nos mostrará el siguiente código HTML:

<script>
...
</script>
Hola Mundo

Muy útil para ver el código real que nos muestra el navegador, y no tener que ir destripando el javascript para saber que saca.

View Source Chart