Quantcast
Channel: Planeta Código
Viewing all articles
Browse latest Browse all 2699

Una sinfonía en C#: Firebug Lite: Firebug en todos lados, incluso en Edge y Chrome.

$
0
0

Tal vez nuestro navegador principal sea Firefox o no, pero nos gusta más el modo en que Firebug funciona, bueno existe la posiblidad de tener una versión reducida de Firebug en los otros navegadores.

Firebug Lite.

La gente de Mozilla ha desarrollado Firebug Lite, una versión reducida de Firebug que nos permite contar con varias de las características de éste en cualquier navegador.

Instalación.

Existe en forma de plugin para Chrome o directamente agregando la referencia como script en nuestra página.

Usando Firebug Lite en Microsoft Edge.

Agregamos un tag script a nuestra pagina y listo, no queda más que presionar F12 para ver el mismo look and feel de Firebug.

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

 

image

Lo primero que notamos es que tenemos la solapa “console” y es totalmente funcional.

image

Inspección y modificación del DOM

Sí, podemos hacer “inspect” y ver las propiedades del elemento en el que estamos parados y modificar sus atributos.

image

Extensiones

Sí, también se puden crear extensiones para agregar a Firebug lite.

Usan un wrapper similiar a las extensiones de Firebug.

Firebug.extend(function(FBL) { with (FBL) {

// extension code

}});

 

Hay una lista con todas las últimas funcionalidades soportadas acá

¿Qué no podemos hacer?

Hay cosas importantes que no podemos hacer como:

  • Observar los mensajes en la red
  • hacer debug del código

ya que muchos de estas caracteristicas están fuertemente asociadas al funcionamiento interno de cada navegador. Hay una  lista completa acá.

 

Nos leemos.


Viewing all articles
Browse latest Browse all 2699