km.azerttyu.net

Alpha 3

km — 2008-10-31T13:04:02Z

Opera annonce la sortie d'une nouvelle version de leur outil pour webmestre et nouvelle façon pour obtenir la version experimentale.

Alpha3

Après un silence de près de 2 mois, ce jeudi Opera vient d'annoncer la sortie d'une nouvelle version de leur outil de debogage.

En soit elle n'apporte semble t il pas grand chose, elle apporte surtout les changement nécessaire à la transition de la future alpha4.

Alpha4

La prochaine version s'annonce dans le sen de l'amélioration ergonomique avec :

détection automatique de la page active
une réorganisation de l'interface pour être plus intuitive

On devrait aussi avoir une nouvelle fonctionnalité pour inspecter les trames HTTP avec le HTTP Inspector.

Comment obtenir Dragonfly

Avec cette version on change la façon d'obtenir le deboggueur.

Opera Stable

Pour les versions stables d'Opera, aucun changement c'est toujours par http://dragonfly.opera.com/app/ que Dragonfly est telechargé et c'est toujours la configuration par défaut.

Cela change un peu pour la version de développement, maintenant le chemin est http://dragonfly.opera.com/app/weekly/.

Avec une version stable d'Opera, pour passer en version de test, nous devons mettre à jour la configuration via opera:config et mettre à jour le champ Developer Tools URL.

Opera snapshot

Pour ceux qui mettent régulièrement à jour leur navigateur et utilisent des versions snapshot. Il n'est pas nécessaire de mettre à jour l'url de Dragonfly.
Il se trouve que maintenant la version du moteur Presto est détecté automatiquement via l'user agent. Ainsi de façon transparent on obtient aussi la version de développement de Dragonfly.

Ainsi par défaut avec les version snapshot, on est entièrement en version instable. :)

Plus prosaïquement, maintenant on aura une version de Dragonfly qui sera adaptée à la version du moteur du navigateur.

Tout ceci est expliqué sur cette page même si cela demande.

Il semblerait que fonctionnellement nous nous approchons sûrement d'un « firebug clone ».

Smushit : Nous aussi on peut vérifier nos images

km — 2008-10-07T13:20:45Z

Ce week-end, Eric dans un de ses billets nous a présenté un nouvel outil d'optimisation des images dédiées au web, Smushit.

Cet outil permet à l'instar de pngcrush et autres clients CLI [1] de traiter en lot des images et de fournir une version optimisée.

L'avantage de cet outil est pouvoir scanner et analyser depuis son navigateur l'intégralité d'une page web. Bien qu'il soit probable que les outils CLI seront plus performants, ici il n'est nécessaire de préparer ses images à l'avance pour faire un traitement en lot aisé.

Dans cette approche de simplification, Smushit fournit un plugin pour Firefox. Pour les autres navigateurs point de salut. On se retrouve alors dans une logique proche des outils CLI sauf que l'interface sera une page web.

Pour l'occasion, voici une version de type Bookmarklet. C'est à dire un javascript à sauvegarder dans vos favoris.
Celui ci lancera l'analyse de la page en cours de consultation comme peux le faire le plugin Firefox.

Il est à noter que pour le moment ce script ne traite pas les images chargées par CSS comme :

'background-image',
'list-style-image',
'content',
'cursor'.

Il a été testé sous :

Opera9.6RC2,
Firefox3.0.3,
Safari3.1.2

Bookmarklet

Version 0.1

[1] Ligne de commande

Firebug vs DragonFly

km — 2008-07-25T08:59:12Z

Dragon Fly n'a qu'à bien se tenir

Merci à Éric pour avoir fait circuler l'information. Il tire la nouvelle d'un blog des dev

Les dernières moutures de Firebug s'intègrent maintenant très bien à Opera et InternetExplorer. Ceci est fait grâce aux développements de la version Lite qui génère tout l'interface en Html/js.

Les captures d'écran sont assez saisissantes.

Alors Dragon Fly ou Firebug pour travailler avec Opéra ?

Suivre les mises à jour de DragonFly

km — 2008-06-10T10:37:12Z

La dernière fois, l'utilisation de DragonFly m'avait complètement laisser sur ma faim. Entre la promo faite par Opéra et l'outil final, le fossé était énorme.

Depuis je me suis abonné au flux RSS des développeurs de DragonFly et de Opera Desktop. Sur ces flux ils informent des nouveauté concernant aussi bien le navigateur que l'outil du développeur.

Obtenir la dernière version de DragonnFly

On peut constater que coté DragonFly, ils font des efforts. Ils proposent maintenant une mise à jour hebdomadaire. Il est a noté qu'il est tres facile d'avoir les mises à jour automatiquement.

Pour ceci, vous devez mettre à jour l'URL de l'outil via
Opera:Config -> Developer Tools -> Developer Tools URL

Suivre les snapshot d'Opéra

On peut constater aussi qu'il y a un réel échange entre les différents développeurs chez Opéra. Les mises à jours du navigateur prennent en compte les besoins émis par DragonFly.

On peut noter par exemple l'évolution du navigateur pour permettre de couper l'écran en 2 pour "docker" DragonFly comme le couple FireBug/FireFox

Ceci nous oblige à suivre aussi les mise à jour du navigateur. Il faut faire attention tout de même, il n'y aucune garantie que les version snapshot marchent comme voulue. C'est donc à nos risques et périls.

Pour le moment, je n'ai encore rien perdu, je touche du bois.

Firebug à la sauce Opera : Dragon Fly

km — 2008-05-23T12:11:40Z

Au début du mois de Mai, Opera a fait un du buzz concernant la sortie d'un nouvel outil dédié au navigateur Opera.
Cet outil serait à l'intention des développeurs web.

A part ces informations, rien n'a vraiment circulé. Sur le site officiel, seul était visible un compte à rebours indiquant le temps restant avant la mise en ligne de l'outil.

Au moment où est apparu 00:00:00, le décompte s'est arrêté et patatra : Rien. Mauvais début pour Opera.
1 heure plus tard, le site était à jour et proposait enfin en téléchargement une nouvelle version d'Opéra, la version 9.5beta2 couplé à DragonFly.

Concernant ubuntu, les diverses versions de l'os était pris en charge.

1er surprise

Une fois le paquet correspondant à la hardy téléchargé, je constate qu'en fait c'est la même version que celle diffusée depuis la veille sur le site officiel.

Quel intérêt de faire autant de buzz alors et d'avoir un site qui fait mauvais genre si dans le même temps tout est disponible depuis la page d'accueil du site officiel ?

Un firebug by Opera

En lisant rapidement la page d'accueil, on comprends que ce fameux DragonFly a pour objectif d'être un outil à la sauce Firebug.
Firebug servira donc d'étalon de référence.

Accéder

Firebug c'est simple en bas à droite une icône, ça ouvre une fenêtre directement dans le navigateur et on peut inspecter le code de la page.

DragonFly, c'est une autre histoire. Après avoir lu la page très claire (ironie inside ^(c)) du site, on comprends que Outil>Avancé>Outil développeur nous amènera à l'outil tant convoité.

On est bon pour se faire un post-it à poser sur le bord de l'écran.

Lancer

Comme dit précédemment avec Firebug, sur le navigateur en parallèle on trouve le site en consultation et la fenêtre de debogage.

DragonFly au contraire une nouvelle fenêtre qui cache donc le navigateur, ceci va être très pratique. De plus il faut sélection grâce à une liste la page à inspecter et en plus il faut recharger DragonFly pour que celui fasse scanne la page.

Ceci ne semble pas très ergonomique.

Tester

Une fois lancé, il faut bien tester. Mais là ça sera pour une autre fois, car le parcours du combattant à suffit pour m'arrêter là.