Guía para instalar Firebug en los principales navegadores y dispositivos iOS

Firebug es un complemento de Firefox con herramientas geniales para inspeccionar elementos de páginas web, depurar y desarrollar páginas web. Sin embargo, no hay forma de tener estas herramientas en otros navegadores web aparte de Firefox..

El desarrollo de una herramienta similar para otros navegadores puede requerir mucho trabajo, pero será de gran ayuda si usted también puede hacer que Firebug funcione en otros navegadores, considerando que todos tienen sus navegadores preferidos..

Bueno, aquí es donde Firebug Lite interviene para resolver sus necesidades. Firebug Lite es una versión más simple de Firebug, pero se puede usar en IE, Opera, Chrome, Safari, iPad y iPhone al tiempo que conserva opciones y características similares.

Instalación de Firebug Lite en Opera, Safari y Chrome

Con Firebug Lite, no es necesaria ninguna instalación. Escrito en Java Script, puede marcar un enlace de Firebug Lite y estará listo para la inspección de la página. Entonces, lo que debe hacer es simplemente marcar el enlace a continuación (también puede arrastrar el enlace a la barra de marcadores de su navegador).

Firebug Lite

Si está utilizando el navegador Chrome, el marcador debería aparecer como se muestra a continuación, si su barra de marcadores está visible.

Eso es todo, tu Firebug Lite ahora debería funcionar cuando necesites usarlo.

Usando Firebug Lite en Opera, Safari y Chrome

Ahora puede utilizar Firebug Lite para inspeccionar prácticamente cualquier página web. Para este ejemplo, utilizaremos Wikipedia.org..

Cuando se cargue la página web, haga clic en el marcador Firebug Lite que guardó anteriormente y verá un cuadro de consola en la parte inferior de la página web..

Si nos acercamos, esto es lo que verá en la parte inferior izquierda de la página..

Ahora puede ver (+) y (-) en el punto de inicio de muchas líneas. El (+) significa que hay más líneas cerradas debajo de una sola línea de html, y si resalta la línea, verá qué parte de la página representa.

Pero si desea que sea más fácil detectar las líneas representadas por cualquier texto, foto, enlace o cualquier otro elemento en la página web, haga clic en el botón 'Inspeccionar'.

Ahora puede colocar el cursor del mouse sobre cualquier parte de los elementos disponibles en la página web y verá la línea html resaltada. Esto hace que sea más fácil hacer una inspección.

Instalación de Firebug Lite en iPad y iPhone

Bookmarklets realmente no va bien con iPad y iPhone. Para tener Firebug Lite instalado en iPad y iPhone, aquí se explica cómo:

1. Marca esta página en tu iPad o iPhone.

   

2. Cambiar el nombre del marcador a "Firebug".

   

3. Seleccione y copie todas las secuencias de comandos a continuación.

   javascript: (función (F, i, r, e, b, u, g, L, I, T, E) si (F.getElementById (b)) devuelve; 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% 20Image; E [r] ('src', I + L);) (documento, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Ir a la opción de favoritos y presionar "Editar". A continuación, seleccione "Firebug" marcador.

   

5. Eliminar la URL original y pegar el bookmarklet.

   

6. Escoger “Hecho” en tu teclado.

Ahora, intente abrir cualquier sitio web y seleccione el marcador de "Firebug" y verá un Firebug en funcionamiento en la parte inferior de la pantalla de su iPad.

Conclusión

Firebug Lite es lo suficientemente bueno como para hacer una inspección rápida de la página. Puede ver html, css y cualquier script utilizado para crear la página web. Aunque Chrome tiene su propia extensión de desarrollador web, Firebug Lite no decepciona por una milla.