Descuento 20% Diciembre
Plugin Optimización de Imágenes Gratuito para WordPress
Domingo, 20 Marzo 2011 22:18

Firebug en Joomla! utilizando "Sami Firebug"

Escrito por 
CMS:  Joomla! |  Versión:  1.5.x |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


En anteriores artículos publicados en el Blog hemos visto como instalar y utilizar Firebug para localizar el código en plantillas de Joomla! y poder modificar estas según nuestras necesidades, lo que si duda es un gran apoyo para desarrolladores o quienes sin excesivos conocimientos de lenguajes de etiquetado HTML o de CSS necesita poder realizar acciones sobre el código de forma quirúrgica sin tener que invertir grandes cantidades de tiempo en localizar el código afectado.
Trabajar con Firebug supone instalar la extensión correspondiente en el navegador en uso, bien sea Firefox, Chrome/Chromium o Safari, lo que no reviste problema alguno tratándose de nuestro ordenador habitual de trabajo o particular, pero ¿que hacer cuando estamos en un ordenador ajeno y no podemos instalar esta extensión?, la solución se presenta en forma de módulo para Joomla! y esta se llama "Sami Firebug".
Se trata de un sencillo módulo, desarrollado por el egipcio Sami Ahmed Elkady y esta disponible en su web de forma gratuita http://www.samielkady.com/downloads/joomla-extensions/cat_view/40-Joomla-Extentions/42-Modules.html , al estar liberado como "Non-Commercial" en el Joomla! Extensións Directory http://extensions.joomla.org/extensions/miscellaneous/development/14707
Este módulo se instala como cualquier otro módulo de Joomla! y se habilita en cualquier posición de la plantilla, puede ser perfectamente en "left" que es la posición en la que carga por defecto, pero si no queremos que los usuarios registrados y por supuesto los visitantes de nuestro sitio web accedan a esta extensión y puedan hacer uso de la misma, debemos publicarla en "Especial" de tal forma que solo la vean los administradores y súper-administradores del sitio web al logearse desde el frontend de la página.
Con esta sencilla premisa publicamos el módulo y para verlo en funcionamiento sencillamente nos logeamos en el frontal de la web en la que lo hayamos instalado y veremos que en la esquina inferior derecha aparece un icono rectangular con el logo de Firebug que al hacer clic abrirá la clásica ventana de inspección de elementos de este addon para navegadores.
En el siguiente vídeo podemos ver de forma sencilla su instalación y configuración.

sami_firebugEn anteriores artículos publicados en el Blog hemos visto como instalar y utilizar Firebug para localizar el código en plantillas de Joomla! y poder modificar estas según nuestras necesidades, lo que si duda es un gran apoyo para desarrolladores o quienes sin excesivos conocimientos de lenguajes de marcado o etiquetas HTML  o CSS  necesita poder realizar acciones sobre el código de forma quirúrgica sin tener que invertir grandes cantidades de tiempo en localizar el código afectado.

Trabajar con Firebug supone instalar la extensión correspondiente en el navegador en uso, bien sea Firefox, Chrome/Chromium, Internet ExplorerSafari, Epiphany u Opera, lo que no reviste problema alguno tratándose de nuestro ordenador habitual de trabajo o particular, pero ¿que hacer cuando estamos en un ordenador ajeno y no podemos instalar esta extensión?, la solución se presenta en forma de módulo para Joomla! y esta se llama "Sami Firebug".

Se trata de un sencillo módulo, desarrollado por el egipcio Sami Ahmed Elkady y esta disponible en su web de forma gratuita, al estar liberado como "Non-Commercial" en el Joomla! Extensions Directory.

Este módulo se instala como cualquier otro módulo de Joomla! y se habilita en cualquier posición de la plantilla, puede ser perfectamente en "left" que es la posición en la que carga por defecto, pero si no queremos que los usuarios registrados y por supuesto los visitantes de nuestro sitio web accedan a esta extensión y puedan hacer uso de la misma, debemos publicarla en "Especial" de tal forma que solo la vean los administradores y súper-administradores del sitio web al logearse desde el frontend de la página.

icono de sami firebugCon esta sencilla premisa publicamos el módulo y para verlo en funcionamiento sencillamente nos logeamos en el frontal de la web en la que lo hayamos instalado y veremos que en la esquina inferior derecha aparece un icono rectangular con el logo de Firebug que al hacer clic abrirá la clásica ventana de inspección de elementos de este addon para navegadores.

sami firebug en uso

En el siguiente vídeo podemos ver de forma sencilla su instalación y configuración.

 


¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+


Plugin Optimización de Imágenes Gratuito para WordPress