2010-08-26 14 views
7

Soy usuario Opera para navegar y usuario de Firefox para desarrollar. Simplemente no puedo trabajar sin Firebug y cualquier otra herramienta no me queda bien. Geeks de Opera a menudo ofrece usar Dragonfly cuyo propósito es casi el mismo que Firebug (depurador JS, inspector DOM/CSS, consola JS, análisis de carga de página, etc.). He tratado de la libélula, pero volvió a Firebug debido a estas razones: (Ej. Al inspeccionar elemento)Opera Dragonfly vs. Firebug

  • cargas Firebug más rápido que la libélula;
  • Dragonfly no tiene (o no he encontrado) la rapidez con que deshabilitar algunas propiedades de css. En FB, simplemente necesita hacer clic en un ícono al lado de prop. Ya lo tiene.

Estoy interesado ¿alguien utiliza Dragonfly instead ob FB o alguna otra herramienta? Por qué no)? ¿Qué diferencias principales ves entre estas dos herramientas?

+0

Firebug usuario aquí. Miré a Dragonfly una o dos veces, pero no puedo dar una respuesta educada. – Boldewyn

+2

"Firebug se carga más rápido que Dragonfly (por ejemplo, cuando se inspecciona el elemento);" no es cierto por casi un año (desde las primeras versiones de libélula con caché sin conexión). – 0x49D1

Respuesta

11

es posible que o no tenga en cuenta que Opera Dragonfly es una especie de aplicación web que se carga desde el servidor de Opera en el primer uso y siempre que se actualice. Si la vuelve a abrir y la versión del servidor no se actualiza, debería cargarse rápidamente desde la memoria caché. No estoy seguro de que sea siempre el caso, YMMV, y puedo entender completamente que su tiempo de carga impredecible puede ser molesto. Sin embargo, de esta forma siempre estará usando la última versión de Dragonfly sin tener que actualizar ninguna extensión.

Lo que me lleva al segundo punto: deshabilitar las propiedades de CSS. Esto ahora es compatible de una manera bastante obvia en la última versión. Te sugiero que intentes abrir Libélula otra vez :-D

En cuanto a las comparaciones, soy inherentemente demasiado parcial para comentar esta pregunta ... Pero de todos modos: Mi sensación general es que Firebug fue un gran salto en el diseño de interfaz de usuario del depurador web (si tienes la edad suficiente para haber usado Venkman, sabes a qué me refiero), sin embargo, bajo la capucha no se siente estable de usar. Mi caso de uso es principalmente el depurador JS (el inspector DOM siempre ha sido más confiable) y he visto que el depurador se comporta mal de maneras muy extrañas a lo largo de los años. Añadiré rápidamente que Dragonfly no es mucho mejor aún, tiene problemas conocidos que pueden arrojarlo completamente fuera de la pista al pisar. La versión actual de Firebug puede ser más estable que todas las versiones anteriores, pero todavía soy un poco reacio a usarla para tareas complejas de depuración de JS, y prefiero el inspector de Dragonfly o Chrome. YMMV de nuevo.

..la principal razón prefiero la libélula es probable que este usuario JS me permite usar la libélula al paso a través de cualquier secuencia de comandos al azar, no importa si se envía a través del cable como una burbuja de texto sin espacios en blanco: http://my.opera.com/hallvors/blog/2008/05/13/script-formatter-user-js

Pero entonces, mi caso de uso está depurando CUALQUIER página aleatoria, mientras que el caso de uso de la mayoría de la gente es depurar sus propios scripts muy bien formados :)

+0

(Por cierto, no tengo una descripción general de las versiones de Dragonfly con las versiones de Opera; asegúrese de utilizar la última versión de Opera para obtener la última libélula ...) – hallvors

+0

¡Finalmente, ha desaparecido la propiedad de CSS! Debería ser una nueva actualización, porque no he visto esto hace algunas semanas. – Pawka

+0

Deshabilitar y modificar trabajos de CSS existentes, pero no es posible agregar reglas de CSS, ¿o sí? – user123444555621

2

¡Utilizo las herramientas de desarrollo de todos los navegadores! ¡Incluso para Internet Explorer hay descargas adicionales para desarrolladores!

El problema es que no es porque una cosa funciona en Firefox, funciona en IE6,7,8, Opera y Chrome.

Lo que me gusta de la herramienta exlporer de internet es que puedes elegir la versión que estás depurando. Por lo tanto, no es necesario que descargue el paquete de recopilación (porque 6 y 7 son casi iguales)

Todas las herramientas tienen casi las mismas características.

+0

por cierto, una visión general: http://www.favbrowser.com/internet-explorer-developer-tools-vs-firefox-firebug-vs-safari-web -inspector-vs-opera-dragonfly/ – VeeWee

0

Tengo que estar de acuerdo, dedico el 90% de mi tiempo a hacer que las cosas funcionen, es decir, tener la capacidad de renderizar en ie7 u 8 con las herramientas de desarrollador es una gran ventaja.

Cuando se trata de ie6 tiendo a encenderlo a través de spoon.net y luego uso el bookmarklet firebug lite para hackear, sin embargo, estos días ya tendrá una idea aproximada de lo que funcionará o no antes tu comienzas

... desafortunadamente trabajando en finanzas, muchos de sus usuarios se quedarán estancados en ie6 por un tiempo considerable, así que solo tiene que ir con eso.

personalmente estoy probando otros depuradores para ver si son mejores que Firebug pero hasta ahora están bien en el mejor de los casos, sin embargo, con el cambio a los navegadores de webkit, Google Chrome ya obtuvo mi voto.

-3
CSS editing capabilities  Firebug | Dragonfly 
           _______________________ 
CSS autocomplete    Yes  | No 
Ease in adding new css  Very easy | Very difficult 
Line no of styles    Yes  | No 
Page rendering while inspect Normal | Inspected element get locked 
Ruler       Useless | Very handy (on the screenshot) 
Color pallete     No  | Yes 
Tabbed resource browsing  No  | Yes 
Extendability via plugins  Yes  | No 
+2

En DRAGONFLY: para agregar nuevos css, solo tiene que escribir return en una de las propiedades de CSS. Numeración de líneas: hay anclas directas a la hoja de estilos CSS. – karlcow

+0

Libélula parece prometedora. 1] 'Nuevo estilo' es una forma de agregar una nueva declaración de CSS a un elemento sin estilo (es decir, un elemento que aún no tiene una declaración en el archivo CSS), sin embargo, el 'Editar estilo de elemento' de Firebug es mucho más intuitivo . 2] Con respecto al número de línea, los anclajes directos lo llevan a la parte superior del archivo CSS, no al estilo en cuestión. También para portar los cambios al archivo CSS local, necesita los números de línea. – kevinsiji

+1

qué versión de libélula estás usando. porque tengo acceso al número de línea directa. ahora mismo en Opera 11.60 y Opera Dragonfly: 1.2011.10.31.2 Release task 2 DFL-2559 Número de serie: 5171: 51e826f9ce9e, por defecto, Opera Dragonfly 1.2011.10.31.2 Release task 2 – karlcow

2

Bueno, yo diría que libélula es mucho mejor que Firebug. Proporciona todas las herramientas que están presentes en Firebug pero solo tienes que resolverlo. Hay autocompletar CSS. Pero para eso tienes que presionar down key y agregar css es muy fácil. Simplemente desplácese hacia abajo hasta la parte inferior de la barra CSS y se escribirá new style. Y libélula también proporciona la línea No de estilos. En la esquina superior derecha de la declaración de estilo.

+0

Lo único que no puedo encontrar en Dragonfly es un equivalente de la pestaña 'DOM' de Firebug. – Cypher