firefox - mac - inspeccionar elemento opera

Firefox: elemento Firebug vs inspeccionar (3)

Soy nuevo en desarrollo web y sigo escuchando sugerencias para usar Firebug. La cuestión es que no veo ninguna ventaja de Firebug sobre la característica del elemento de inspección (uso Firefox 24). ¿Me estoy perdiendo de algo?

Tengo miedo de acostumbrarme a una herramienta y luego meterme en mis caminos para cambiar a la mejor herramienta. Por favor asesorar sobre las características específicas que son superiores en una herramienta u otra.

Yo uso ambos para diferentes dependencias.

Lo más común en mi rol:

Creo que Firebug es mucho más fácil de ver las llamadas de JavaScript en la carga de la página.
Además, el plugin omnibug (para firebug) es muy útil para ver omniture vars y cookies

Mientras que con el elemento de inspección en Chrome, la ventaja que me resulta muy útil cuando se solucionan problemas es la capacidad de editar estilos.

Estoy seguro de que esto no influirá en tu decisión, pero supongo que debes tener en mente que cada uno tiene sus propias ventajas. Es una cuestión de para qué los necesitas.

Personalmente no me veo a mí mismo adaptándome a uno.

Realmente se trata de preferencia, ya que hay intercambios para cada uno. Realmente me gusta el "Editor de estilos" en el elemento Inspeccionar integrado que le permite crear hojas de estilo y ver los efectos en tiempo real.

Actualizaciones después de 2 años

Como he usado las herramientas de desarrollo cada vez más, me he dado cuenta de algunas cosas:

Las herramientas de desarrollo de Firefox parecen estar en el infierno del desarrollo. Han pasado 2 años desde mi respuesta, y apenas hay un progreso notable en las características o la facilidad de uso.
- Escasas mejoras en el Panel de red y en el Depurador, pero aún queda mucho trabajo por hacer para que sea tan bueno como Chrome.
- El depurador sigue siendo un desastre, con el navegador colgando mucho en los puntos de interrupción.
- Los objetos JSON aún se muestran en esa forma de árbol muy frustrante, sin posibilidad de copiar o expandir a una cadena JSON.
- La función de línea de tiempo es risible por decir lo menos.
Son requisitos tan básicos que he llegado a creer que Mozilla no se preocupa demasiado por Dev Tools.
Firebug está perdido, no va a ninguna parte, y el equipo está luchando por crear un nuevo Firebug 3 que se construya sobre las Dev-Tools incorporadas. Ahora, dado que Dev-Tools tiene tan poco poder, no tengo esperanzas de que los amigos de Firebug alcancen un nivel de usabilidad apropiado durante al menos un año.
Eso me lleva a Chrome. Después de echarle un vistazo a la versión más reciente, parece que el equipo de Chrome tiene un liderazgo casi inexpugnable en el área de Herramientas para desarrolladores, y con razón. Han puesto un enfoque significativo en el desarrollador y han creado algunas cosas ingeniosas para simplificar las pruebas y el desarrollo para el desarrollo web.

Entonces, en conclusión, si quieres una respuesta a la pregunta de hoy, te recomendaría Chrome sin reservas. Ahorra mucho de tu:

sangre ( de ebullición ),
sudor ( de la codificación ), y
lágrimas ( de depuración )

Gracias.

Ahora, lee lo que mi yo de 2 años pensaba:

Algunas diferencias:

++ = web inspector es mejor
-- = firebug es mejor
== = no puedo decir

++ Hay un modo 3D en el Inspector web, que es muy bueno si está jugueteando con los índices z o si el área de impacto del elemento no se identifica correctamente.
++ Si tiene Firebug abierto en una pestaña, y cambia a otra pestaña y regresa, lleva bastante tiempo cambiarlo. Este problema aparentemente no está allí con el Inspector.

Este problema se debió a errores en el depurador JavaScript de Firefox (JSD). Este ha sido un error conocido y se soluciona mientras escribo esto ... Instale la versión 1.13.0alpha, que corrige este error. Las versiones más nuevas de Firefox arreglarán su JSD también.

++ El impresionante modo de diseño receptivo para probar su sitio en diferentes resoluciones.

- Hay muchos complementos para Firebug, para XPath, Sass, etc., que son increíbles para un desarrollo prolongado
- (Subjetivo) Creo que el tema de color del inspector web es genial, pero cuando se trata de usarlo, es muy difícil.

== La forma en que se generan los objetos tanto en firebug como en inspector es igualmente mala (¡Chrome reina aquí!)
Escriba en la consola: console.log(window) para ver de lo que estoy hablando. En realidad, Firebug es mejor incluso aquí que el inspector.