Opera sort outil de débogage open-source pour les développeurs web

Idelways · 15/03/2011, 10h59

Opera sort la version 1.0 de Dragonfly
Son outil d'inspection et de débogage open-source pour Web et mobiles

Mise à jour du 06/05/2011

Le navigateur Opera embarque depuis longtemps Dragonfly, un outil d'inspection des sites web, complet et puissant.
Après l'avoir libéré sous licence open source au mois de mars dernier (lire ci-devant), Opera vient de sortir la version 1.0 de l'outil qui s'ouvre désormais au développement Web mobile et revendique sa maturité après 3 ans de développements.

Présentation

Dragonfly couvre par ses nombreux composants toutes les facettes du développement Web : DOM, CSS, SVG, JavaScript, ressources et trafic réseau.
Il permet aussi de suivre les évènements qui se produisent sur la page avec une console et d'analyser les données stockées dans les cookies et les supercookies de l'API Web Storage du HTML 5.

Dragonfly se démarque de ses concurrents par ses capacités d'inspection à distance. Cette fonctionnalité permet de déboguer depuis son ordinateur, l'affichage et l'exécution des sites sur d'autres ordinateurs physiquement inaccessibles et sur les nombreux Smarphones, tablettes et autres périphériques qui supportent Opera Mobile.

Opera Software qualifie Dragonfly « d'application web hybride », qui se met à jour automatiquement et reste constamment compatible avec le navigateur sous-jacent.

La dernière version d'Opera, avec Dragonfly 1.0 est disponible en téléchargement sur cette page cette page

Source : Opera

Et vous ?

Utilisez-vous Dragonfly ?

Quel est votre outil d'inspection Web préféré ?

Opera sort un outil de débogage open-source pour les développeurs web
La première bêta de Dragonfly est disponible

Après avoir permis aux développeurs de créer plus facilement des extensions pour son navigateur, Opera Software veut en faire un outil de prédilection pour les développeurs et intégrateurs Web.

L'entreprise lance la première bêta de Dragonfly, un ensemble - désormais open-source - d'outils d'inspection, destinés essentiellement à trouver et à corriger les erreurs sur les pages web.

Similaire au célèbre Mozilla Firebug, Dragonfly permet de déboguer du code HTML, SVG, CSS, JavaScript et d'explorer l'arborescence DOM. L'outil prend même en charge certaines API de HTML5.

Dragonfly intègre un outil d'inspection du trafic réseau qui permet d'observer l'ordre et la vitesse de chargement des ressources et d'analyser le comportement des requêtes asynchrones.
Un inspecteur de stockage permet également de tester la création des cookies et des « super cookies » introduits par l'API « web storage » du HTML5.

Dragonfly est aussi en mesure de se connecter aux appareils exécutant Opera Presto, le moteur de rendu de la version mobile du navigateur.
Il est ainsi possible de déboguer la version mobile de son site directement depuis son ordinateur.

A noter qu'il s’agit du premier projet open-source de l'éditeur norvégien. Initié en 2008, Dragonfly est passé sous licence Apache en mai dernier.

Cet ensemble d'outils ne fonctionne évidemment que sur le navigateur Opera. Cette beta est téléchargée et installée automatiquement dans le dernier build à l'installation de la dernière version du navigateur.

Pour ceux qui utilisent déjà Opera, il est possible de passer à la nouvelle version de Dragonfly en changeant la valeur de DeveloperToolsURL à https://dragonfly.opera.com/app/cutting-edge dans l'éditeur de préférences, accessible à partir de l'adresse : opera:config#DeveloperTools|DeveloperToolsURL.

Pour télécharger la dernière version d'Opera cliquez-ici

Source : Opera Dragonfly

Et vous ?

Avez-vous essayé Dragonfly ?

Qu'en pensez-vous en comparaison, par exemple, de Firebug ?

Quel outil d'inspection embarqué dans un navigateur préférez-vous ?

Traroth2 · 15/03/2011, 11h20

Je viens d'y jeter un oeil, ça a l'air plutôt bien fait. On voit immédiatement le HTML et la CSS en regard. Il faudrait que je m'en serve un peu plus longuement pour comparer avec Firebug. C'est bien que ça existe, en tout cas...

jayfaze · 15/03/2011, 12h03

Ca fait longtemps que je l'utilise, il est bien. Mais je n'ai que peu utilise firebug, donc je ne peux pas faire de comparaison.

Wormus · 15/03/2011, 12h57

Je ne l'ai pas essayé mais 1 des raisons qui font que mon navigateur principal est Firefox, c'est pour Firebug !
C'est pas Dragonfly, quelque soit sa qualité, qui suffira à me faire changer de navigateur mais c'est quand même un gros plus.

Ibuprofène · 15/03/2011, 15h57

Citation:

C'est pas Dragonfly, quelque soit sa qualité, qui suffira à me faire changer de navigateur mais c'est quand même un gros plus.

Donc en gros, même si dragonfly était "mieux", tu resterais sur firefox ? C'est pas un peu fermé comme façon de voir les choses ?

Pour ma part, je vais aller jeter un oeil...

barriton1 · 16/03/2011, 07h38

Personnelement, j'utilise DF depuis qu'il est intégré a Opera, et maintenant quasi quotidiennement Firebug. La grosse différence c'est surtout que Firebug est plus rapide pour déboguer css et html. Au niveau du JS le moteur d'opérant étant plus efficace c'est DF qui est le mieux. Donc tout dépend ce qu'on a débogué

Idelways · 06/05/2011, 11h15

Opera sort la version 1.0 de Dragonfly
Son outil d'inspection et de débogage open-source pour Web et Mobile

Mise à jour du 06/05/2011

Le navigateur Opera embarque depuis longtemps Dragonfly, un outil d'inspection des sites web, complet et puissant.
Après l'avoir libéré sous licence open source au mois de mars dernier (lire ci-devant), Opera vient de sortir la version 1.0 de l'outil qui s'ouvre désormais au développement Web mobile et revendique sa maturité après 3 ans de développements.

Présentation

Dragonfly couvre par ses nombreux composants toutes les facettes du développement Web : DOM, CSS, SVG, JavaScript, ressources et trafic réseau.
Il permet aussi de suivre les évènements qui se produisent sur la page avec une console et d'analyser les données stockées dans les cookies et les supercookies de l'API Web Storage du HTML 5.

Dragonfly se démarque de ses concurrents par ses capacités d'inspection à distance. Cette fonctionnalité permet de déboguer depuis son ordinateur, l'affichage et l'exécution des sites sur d'autres ordinateurs physiquement inaccessibles et sur les nombreux Smarphones, tablettes et autres périphériques qui supportent Opera Mobile.

Opera Software qualifie Dragonfly « d'application web hybride », qui se met à jour automatiquement et reste constamment compatible avec le navigateur sous-jacent.

La dernière version d'Opera, avec Dragonfly 1.0 est disponible en téléchargement sur cette page cette page

Source : Opera

Et vous ?

Utilisez-vous Dragonfly ?

Quel est votre outil d'inspection Web préféré ?

cs_ntd · 06/05/2011, 17h42

De tres bonne améliration... L'interface est plus claire, plus complete.
Je me sert surtout du debugger JavaScript. Il y a eu tres peu de changement dessus, mais il reste tres bon, tres riche en fonctionnalités.

Et un gros +1 par rapport a Firefox, qui doit etre le seul navigateur a ne pas intégrer nativement des outils de devloppement performant... (meme IE le fait

)

Grimly · 07/05/2011, 02h48

Citation:

Et un gros +1 par rapport a Firefox, qui doit etre le seul navigateur a ne pas intégrer nativement des outils de devloppement performant... (meme IE le fait )

A ça j'ai envie de dire qu'un utilisateur lambda n'en a pas besoin contrairement aux développeurs web que nous sommes. C'est comme devoir installer un serveur glassfish ou tomcat quand tu veux faire une simple application swing, aucun sens.

Bref, Dragonfly, Firebug et (excusez moi s'il a un nom mais je ne le connais pas) celui de Google Chrome sont tous assez similaires et remplissent tous leurs fonctions. Sans essayer, j'apprécie quand même l'aperçu qu'ils proposent par cette vidéo.

air-dex · 07/05/2011, 12h05

Voilà un outil très intéressant pour mes projets personnels. J'ai hâte de voir ce que ça va donner.

Citation:

Envoyé par Grimly

A ça j'ai envie de dire qu'un utilisateur lambda n'en a pas besoin contrairement aux développeurs web que nous sommes. C'est comme devoir installer un serveur glassfish ou tomcat quand tu veux faire une simple application swing, aucun sens.

Un peu comme un Apache sur un Mac, non ?

Crazyfaboo · 11/05/2011, 02h56

Firebug est pas intégré à FF et rien que le temps de le charger, ça m'avait soulé… Il est tellement pas intégré à FF que j'ai su que ça existait que bien longtemps après l'apparition de DragonFly. Il est beaucoup moins complet aussi si je me souviens bien.

Après, débogguer du HTML, je vois pas ce que ça veut dire. Si tu veux faire valider ta page, clic droit -> Validate, et ça y'a que Opera pour que ça soit aussi simple à faire. Y'a que pour le CSS ou faut encore le faire à la mano, comprend pas pourquoi ils redirigent toujours pas vers jigsaw… :s

Sinon à propos de la nouvelle version de DragonFly: plus jolie, j'arrive et comprend enfin comment me servir du déboggeur JS (ça va être un bon outils ça je sens). La partie Network donne désormais la possibilité d'envoyer des requêter HTTP à la main, bien pratique pour vérifier des trucs de sécurité sur son site…

15/03/2011, 11h20	#2
Traroth2 Membre Expert Inscription : décembre 2003 Messages : 1 335 Détails du profil Informations forums : Inscription : décembre 2003 Messages : 1 335 Points : 2 381 Points : 2 381	Je viens d'y jeter un oeil, ça a l'air plutôt bien fait. On voit immédiatement le HTML et la CSS en regard. Il faudrait que je m'en serve un peu plus longuement pour comparer avec Firebug. C'est bien que ça existe, en tout cas... __________________ Traroth
	00

15/03/2011, 12h03	#3
jayfaze Membre actif Inscription : novembre 2006 Messages : 138 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 138 Points : 195 Points : 195	Ca fait longtemps que je l'utilise, il est bien. Mais je n'ai que peu utilise firebug, donc je ne peux pas faire de comparaison. __________________
	00

15/03/2011, 12h57	#4
Wormus Membre confirmé Inscription : septembre 2005 Messages : 259 Détails du profil Informations forums : Inscription : septembre 2005 Messages : 259 Points : 207 Points : 207	Je ne l'ai pas essayé mais 1 des raisons qui font que mon navigateur principal est Firefox, c'est pour Firebug ! C'est pas Dragonfly, quelque soit sa qualité, qui suffira à me faire changer de navigateur mais c'est quand même un gros plus. __________________ Bankaï !!
	01

16/03/2011, 07h38	#6
barriton1 Chef de projet Web - Formateur en informatique Inscription : mai 2006 Messages : 56 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Chef de projet Web - Formateur en informatique Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2006 Messages : 56 Points : -53 Points : -53	Personnelement, j'utilise DF depuis qu'il est intégré a Opera, et maintenant quasi quotidiennement Firebug. La grosse différence c'est surtout que Firebug est plus rapide pour déboguer css et html. Au niveau du JS le moteur d'opérant étant plus efficace c'est DF qui est le mieux. Donc tout dépend ce qu'on a débogué
	00

06/05/2011, 17h42	#8
cs_ntd Membre Expert Développeur .NET Inscription : décembre 2006 Messages : 598 Détails du profil Informations personnelles : Sexe : Localisation : Etats-Unis Informations professionnelles : Activité : Développeur .NET Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : décembre 2006 Messages : 598 Points : 1 138 Points : 1 138	De tres bonne améliration... L'interface est plus claire, plus complete. Je me sert surtout du debugger JavaScript. Il y a eu tres peu de changement dessus, mais il reste tres bon, tres riche en fonctionnalités. Et un gros +1 par rapport a Firefox, qui doit etre le seul navigateur a ne pas intégrer nativement des outils de devloppement performant... (meme IE le fait )
	00

11/05/2011, 02h56	#11
Crazyfaboo Membre du Club Inscription : août 2004 Messages : 36 Détails du profil Informations forums : Inscription : août 2004 Messages : 36 Points : 51 Points : 51	Firebug est pas intégré à FF et rien que le temps de le charger, ça m'avait soulé… Il est tellement pas intégré à FF que j'ai su que ça existait que bien longtemps après l'apparition de DragonFly. Il est beaucoup moins complet aussi si je me souviens bien. Après, débogguer du HTML, je vois pas ce que ça veut dire. Si tu veux faire valider ta page, clic droit -> Validate, et ça y'a que Opera pour que ça soit aussi simple à faire. Y'a que pour le CSS ou faut encore le faire à la mano, comprend pas pourquoi ils redirigent toujours pas vers jigsaw… :s Sinon à propos de la nouvelle version de DragonFly: plus jolie, j'arrive et comprend enfin comment me servir du déboggeur JS (ça va être un bon outils ça je sens). La partie Network donne désormais la possibilité d'envoyer des requêter HTTP à la main, bien pratique pour vérifier des trucs de sécurité sur son site…
	10

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email