aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Que Firebug es la mejor herramienta para los desarrolladores web que existe no es una novedad, pero la API pública para el uso de la línea de comandos, para mi si lo es. 

Para facilitar la vida a todos los desarrolladores Firebug, dispone de una línea de comandos en donde puedes ejecutar Javascript y atacar directamente a la página, algo realmente útil a la hora de depurar o incluso podemos usarlo como framework de desarrollo.

Funciones

Algunas de las funciones de las que disponemos son:

$()

Nos devuelve un elemento

$$()

Nos devuelve un array de elementos dado un un selector CSS

$x(xpath) 

Nos devuelve un array de elementos dada una expresión xpath.

dir(object)

Muestra una lista interactiva de todas las propiedades de un objeto.

dirxml(node)

Muestra el árbol XML de un elemento HTML o XML .

cd(window)

Por defecto, las expresiones de la línea de comandos son relativas al padre. Con cd() puedes focalizar este uso a un frame.

clear()

Limpia la consola.

inspect(object[, tabname])

Nos manda diréctamente a la pestaña deseada con la información de un objeto. Pestañas válida: html, css, script o dom.

keys(object)

Devuelve un array con los nombres de todas las propiedades de un objeto.

values(object)

Devuelve un array con los valores de todas las propiedades de un objeto.

debug(fn)

Añade un punto de parada en la primera línea de la función.

undebug(fn)

Elminia el punto de parada de la primera línea de la función.

monitor(fn)

Activa un log de todas las llamadas a dicha función.

unmonitor(fn)

Desactiva el log de todas las llamadas a la función.

monitorEvents(object[, type])

Activa el log de los eventos que activan un objeto. Tipos disponibles: drag, focus, from, key, load, mouse, mutation, paint, scroll, text, ui o xul.

profile([title])

Activa el analizador de javascript con [title] como encabezado.

profileEnd()

Desactiva el analizador de javascript.

¿Necesitas algo más para cambiarte?