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

Andrés Nieto

Palma de Mallorca, España

Menú

Buscador

Firefox + Firebug vs IE8 + Developer Toolbar

21 May

aNieto2k hace 5306 días en: javascript, Programacion, webdev

+ 15

Con la llegada de Internet Explorer 8, nos llevamos la sorpresa de que Developer Toolbar no estaba tan mal como creíamos, incluso hay gente que se atreve a compararlo al todopoderoso Firebug. En esta comparativa, nos encontramos una tabla que nos testéa de todos los Firebug de los diferentes navegadores una buena serie de factores a tener en cuenta y que muestran que Developer Toolbar es una herramienta genial para los desarrolladores web.

Feature	IE8	FireBug + FireFox	Opera	Safari	Chrome
HTML
Syntax Highlighting	Yes	Yes	Yes	Yes	Yes
Code Folding	Yes	Yes	Yes	Yes	Yes
Html Editing	Yes	Yes	No	No	No
HTML Validator	Yes*	No	No	No	No
Clear Cache	Yes	No**	No**	No**	No**
Select and Highlight	Yes	Yes	Yes	Yes	Yes
Layout	Yes	Yes	Yes	Yes	Yes
CSS
Css Viewer/Editor	Yes	Yes	Yes	Yes	Yes
Css Syntax Highlight	Yes	Yes	No	No	No
Disable CSS Styles	Yes	Yes	No	No	No
Create New Styles	Yes	Yes	No	No	No
Validate CSS	Yes*	No	No	No	No
JavaScipt
Javascript Highlight	Yes	No	Yes	Yes	No
JavaScript Debug	Yes	Yes	Yes	Yes	No***
Breakpoints	Yes	Yes	Yes	Yes	No***
Step Over/In/Out	Yes	Yes	Yes	Yes	No***
JavaScript Profiler	Yes	Yes	No	Yes	No
Execute JavaScript	Yes	Yes	Yes	Yes	Yes
Call Stack	Yes	Yes	Yes	Yes	No
Local Variables	Yes	Yes	No	Yes	No
Watch Variables	Yes	Yes	Yes	No	No
Web Service Viewer	No	Yes	No	No	No
Intangibles
YSlow	No	Yes	No	No	No
Browser Mode Switch	Yes	No	No	No	No
Dockable	Yes	Yes	Yes	Yes	Yes
Color Picker	Yes	No	No	No	No
Net Tab	No	Yes	No	No	No

(Tabla de elegantcode.com)

Personalmente me parece un maravilla poder hacer, casi lo mismo que con Firebug, en Internet Explorer (aunque solo en el 8.0). Esto me ayuda bastante a la hora de desarrollar para este navegador y me ahorra mucho tiempo de modificar en el fichero real, grabar y recargar el navegador.

¿Que opinas? ¿Le has dado una oportunidad?

15 comentarios, 0 referencias

Eduardo
@2 mayo 21st, 2009 at 9:51 am

Vaya pues un motivo de probar IE8, ni pensado me lo tenía de instalarlo pero si trae Developer Toolbar y hace casi lo mismo que nuestro tan querido Firebug, le daré una oportunidad ….

Responder
Marc Palau
@3 mayo 21st, 2009 at 10:25 am

A ver, que FF+Firebug hace lo mismo que IE8+DevToolBar NO significa que IE8+DevToolBar haga lo mismo que FF+Firebug. Es muy fácil manipular la opinión pública con este tipo de comparativas: Pongo lo que hago y lo comparo con el resto.

A ver quien hace una a la inversa, con todas las opciones de FF+FB cotejando con el resto.

A todo esto, me alegro mucho que se hayan decidido a tomarse más en serio este tema, era una auténtica vergüenza de tomo y lomo.

Responder
McLarenX
@4 mayo 21st, 2009 at 11:35 am

Yo vengo usando IE8 desde que salió casi y la verdad es que ya he manifestado alguna vez de satisfacción. Tiene cosas muy interesantes, pero sigue con lacras como peso en memoria o violación de estándares… en cualquier caso, una grata sorpresa por parte de Microsoft, sin duda. Me lo esperaba mucho más catastrófico (como suele ser todo que sale de Silicon Balley).

Responder
mariotux
@5 mayo 21st, 2009 at 3:06 pm

Si el IE funcionara sobre estándares no haría falta utilizar el plugin del IE8 🙂

Muerte a IE 😛

Responder
jay
@6 mayo 21st, 2009 at 3:08 pm

Firebug no valida el html ni css PERO podemos instalar el html validator y el css validator que nos hacen el trabajo, limpiar el cache? control+f5.
el color picker pues se instala colorzilla.

Quitandoe el Browser Mode Switch que no se que es, lo hace todo

Responder
Alejo
@7 mayo 21st, 2009 at 3:16 pm

La primera vez que usé Firefox, en aquella versión 1.X, después de usar Internet Explorer por años, sentí que había caído en el cielo. La cantidad de agregados que instalé ese día, sólo para ver cómo funcionaban, realmente no la recuerdo, pero era bastante grande.

Me encanta Firefox. Prefiero al zorro de fuego ante cualquier otro navegador. Pero no entiendo por qué, cuando los de IE sacan una herramienta que realmente vale la pena (sin duda la Developer Toolbar vale la pena, como se ve en el chart), hay gente que la desprecia sin siquiera probarla.

Está bien, IE tiene todos los problemas de soporte de estándares web que quieran enumerar. Yo también hago sitios webs y más de una vez quise sacar un boleto a USA para arreglar cuentas con los desarrolladores de ese maldito motor de renderizado.

Pero esto de la Developer Toolbar es muy bueno. En todo caso, si no nos gusta IE, nos ayudará a tener que pasar menos tiempo testeando en él.

¡Saludos y abrazos!

Responder
Francisco
@8 mayo 21st, 2009 at 3:20 pm

Pues yo lo uso cada día en el trabajo… la verdad es que ha supuesto un alivio. Pero aún así su estabilidad y velocidad no alcanza ni de lejos a la de Firebug. Por no decir ya que la edición de CSS solo me funciona cuando le apetece…

Responder
jay
@9 mayo 21st, 2009 at 3:36 pm

La he estado probando y me he llevado una grata sorpresa (me esperaba un truño) funciona bastante bien e incluso tiene un par de cosas que me gustan más que en firebug como que te coloree lo de script.

Yo suelo hacer código que funciona en cualquier navegador menos IE 6 por los png (resetear el css es un invento) así que no creo que lo use mucho per está bien.

Responder
Roy
@10 mayo 21st, 2009 at 3:40 pm

No gracias, no le doy la oportunidad, no me sumaré a la campaña del todopoderoso (este sí que lo es) Microsoft.

I8 no solo no está a la altura de Firefox tecnicamente, sino que ademas Firefox tiene el impecable honor de no trabar en base a software privativo sino en software de libre uso y distribución.

¿Quedan claras las ventajas de Firefox?

Por cierto es Sillicon Valley, no Sillicon Balley…, y no se de donde ha sacado el comentaarista anterior que todo lo que sale de Sillicon Valley es catastrófico… Lo «yankis-me-tiene-hasta-los-cojones» no equivale a que todo lo que salga de Sillicon Valley sea desastrozo…, vamos!!, digo, yo…, no por casualidad desarrollan las bombas mas inteligentes del planeta…

Responder
Nico
@11 mayo 21st, 2009 at 4:56 pm

Es bueno que haya algo así para IE precisamente, que tanto se necesita. En mi opinión la diferencia se siente en la facilidad de uso de Firebug para editar css y html. Pero tal vez soy yo que no me acostumbro a usar otra cosa.

Saludos

Responder
Francisco
@12 mayo 21st, 2009 at 6:01 pm

@Roy: Si la verdad es que no es cuestión de darle o no una oportunidad… es que algunos tenemos que usarlo por coj****.

Lamentablemente, en estos casos es lo único que se puede usar. Pero no le llega ni a la suela de los zapatos a Firebug.

Por cierto, para colorear el código en Firebug existe rainbow for Firebug, que es una extensión que le da la posibilidad de colorear el código

Responder
jay
@13 mayo 21st, 2009 at 6:47 pm

@Francisco: y como se usa el rainbow? lo acabo de instalar y no me colorea nada de la pestaña script ni de la html cuando le doy a editar.

@Roy: pues deberías probarlo, firebug ayuda a corregir un montón de errores para firefox y los que son únicos de ie no tienes manera de arreglarlos con firebug

PD: hecho de menos que en firebug cuando le das a la tecla de arriba en eñl css si tienes 1px te lo sube a 2 y cosas así pero no está mal.

Responder
Francisco
@14 mayo 21st, 2009 at 7:58 pm

@jay: Asegúrate de que has instalado la versión correcta. Si usas firebug 1.3 puedes encontrar la versión adecuada aquí https://addons.mozilla.org/en-US/firefox/addon/9603

Responder
jay
@15 mayo 21st, 2009 at 10:19 pm

@Francisco: Era eso había instalado el 0.7 en lugar del 0.9 y aunque ahora me siento un poco estupido me alegra tenerlo.

Muchas gracias por la ayuda creo que me va a venir muy bien 😀

Responder
Vakero Galactico
@16 mayo 21st, 2009 at 10:24 pm

Me sigo quedando con Firefox + Firebug… + Web Developer Toolbar… con eso ya cubro casi todos los «No» del firefox.. como el de la validacion (CSS, HTML, Feed, etc)… entre muuuuuchas otras opciones.

saludos

Responder