Degug HTML con Firebug Lite

From Luniwiki
Jump to: navigation, search

Firebug

Firebug (el debugeador de páginas web) se instala como extensión en el FireFox.

Firebug Lite

Existe la versión Lite (con menos posibilidades) que no tiene instalación necesaria, y que permite debuguear en los siguientes navegadores:

  • IE6+
  • Firefox
  • Opera
  • Safari
  • Chrome

Simplemente hay que crear un marcador y remplazar la URL por el siguiente código:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

(en una línea claro).

Luego si queremos debuguear una página. Una vez cargada la página, le damos al marcador, y luego a F12, y nos aparece la ventana del Firebug Lite

Referencia

--Daniel Simao 14:15 23 mar 2012 (UTC)