Opera Dragonfly vs. Firebug

Question

Je suis un utilisateur d'Opera pour la navigation et de Firefox pour le développement. Je ne peux tout simplement pas travailler sans Firebug et tout autre outil ne me convient pas. Geeks d'Opera propose souvent d'utiliser Libellule dont le but est presque le même que Firebug (débogueur JS, inspecteur DOM/CSS, console JS, analyse du chargement des pages, etc.) J'ai essayé Dragonfly mais je suis revenu à Firebug pour ces raisons :

• Firebug se charge plus rapidement que Dragonfly (par exemple, lors de l'inspection d'un élément) ;
• Dragonfly n'a pas (ou je n'ai pas trouvé) comment désactiver rapidement certaines propriétés de css. Sur FB, il suffit de cliquer sur une icône à côté de prop. C'est déjà le cas.

J'aimerais savoir si quelqu'un utilise Dragonfly au lieu de FB ou d'un autre outil ? Pourquoi (pas) ? Quelles sont les principales différences que vous voyez entre ces deux outils ?

Answer 1

Vous savez peut-être ou non qu'Opera Dragonfly est une sorte d'application web, qui se charge depuis le serveur d'Opera lors de la première utilisation et à chaque fois qu'elle est mise à jour. Si vous la rouvrez et que la version du serveur n'est pas mise à jour, elle devrait se charger rapidement à partir du cache. Je ne suis pas sûr que ce soit toujours Dans tous les cas, c'est à vous de voir, et je comprends parfaitement que son temps de chargement imprévisible puisse être gênant. Cependant, de cette façon, vous utilisez toujours la dernière version de Dragonfly sans avoir à mettre à jour une quelconque extension.

Ce qui m'amène au deuxième point : la désactivation des propriétés CSS. Ceci est maintenant supporté d'une manière assez évidente dans la dernière version. Je vous suggère de réessayer d'ouvrir Dragonfly :-D

En ce qui concerne les comparaisons, je suis par nature trop partial pour me prononcer sur cette question... Mais bon : Mon sentiment général est que Firebug a été un pas de géant dans la conception de l'interface utilisateur du débogueur web (si vous êtes assez vieux pour avoir utilisé Venkman, vous savez ce que je veux dire), mais sous le capot, il ne semble pas stable à utiliser. J'utilise principalement le débogueur JS (DOM inspector a toujours été plus fiable) et j'ai vu le débogueur se comporter bizarrement de nombreuses façons au fil des ans. J'ajouterai rapidement que Dragonfly n'est pas beaucoup Mieux encore, il a des problèmes connus qui peuvent vous faire sortir complètement de la piste lorsque vous faites un pas. La version actuelle de Firebug est peut-être plus stable que toutes les versions précédentes, mais je suis toujours un peu réticent à l'utiliser pour des tâches complexes de débogage de JS, et je préfère Dragonfly ou l'inspecteur de Chrome. Encore une fois, YMMV.

la raison principale pour laquelle je préfère Dragonfly est probablement que ce JS utilisateur me permet d'utiliser Dragonfly pour parcourir N'IMPORTE QUEL script aléatoire, peu importe s'il est envoyé sur le fil sous forme de blob de texte sans espace : http://my.opera.com/hallvors/blog/2008/05/13/script-formater-user-js

Mais bon, mon cas d'utilisation est le débogage de n'importe quelle page aléatoire alors que le cas d'utilisation de la plupart des gens est le débogage de leurs propres scripts joliment formatés :)

Answer 2

J'utilise les outils de développement de tous les navigateurs ! Même pour Internet Explorer il y a des téléchargements supplémentaires pour les développeurs !

Le problème est que ce n'est pas parce qu'une chose fonctionne dans Firefox, mais dans IE6, 7, 8, Opera et Chrome.

Ce que j'aime dans l'outil internet exlporer, c'est que vous pouvez choisir la version que vous déboguez. Ainsi, vous n'avez pas besoin de télécharger le pack de collecte (car les versions 6 et 7 sont presque identiques).

Tous les outils ont pratiquement les mêmes caractéristiques.

Answer 3

Je dirais que Dragonfly est bien meilleur que Firebug. Il fournit tous les outils qui sont présents dans firebug mais vous devez juste vous débrouiller. Il existe une autocomplétion CSS. Mais pour cela, vous devez appuyer sur down key pour et l'ajout de css est très facile. Il suffit de faire défiler la page jusqu'au bas de la barre css et il y aura écrit new style . Et Dragonfly fournit également la ligne de styles. Dans le coin supérieur droit de la déclaration du style.

Answer 4

Je suis d'accord, je passe 90% de mon temps à faire fonctionner des choses dans ie et avoir la possibilité de faire un rendu dans ie7 ou 8 avec les outils de développement ie est un gros bonus.

Lorsqu'il s'agit de ie6, j'ai tendance à le lancer via spoon.net et à utiliser le bookmarklet firebug lite pour le hacker, mais de nos jours, vous aurez déjà une idée approximative de ce qui fonctionnera et ne fonctionnera pas avant de commencer.

...malheureusement, travaillant dans le domaine de la finance, un grand nombre de vos utilisateurs resteront bloqués sur ie6 pendant un temps considérable et vous devrez donc faire avec.

Personnellement, j'essaie les autres débogueurs pour voir s'ils sont meilleurs que firebug, mais jusqu'à présent, ils sont au mieux corrects, cependant, avec le passage aux navigateurs webkit, Google Chrome a déjà mon vote.

Answer 5

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