Ce post fait partie d'une série de 4 billets visant à aider un projet de migration vers Internet Explorer 9 et publiée conjointement avec Jean-François Lavidalle :
La totalité de ces articles est aussi disponible sous forme de dossier complet sur MSDN.
Tout bon artisan doit être équipé des bons outils et mettre en place un projet de migration applicative n’échappe pas à la règle. Nul besoin d’une pléthore de logiciels, l’utilisation de quelques outils permet de répondre à des problématiques bien précises que l’on retrouve de façon quasi systématique dans tout projet de migration Internet Explorer. La connaissance de ces outils est un plus indéniable et nous allons nous concentrer sur ces utilitaires à posséder.
Fiddler2
Fiddler2 est un outil de suivi des requêtes HTTP qui transitent (arrivent ou partent) sur l’ordinateur sur lequel il est exécuté. Cet outil permet de visualiser les requêtes, mais aussi de les capturer et de les enregistrer pour ensuite pouvoir rejouer de façon prédictible les échanges serveur/client sur une autre machine.
L’intérêt de l’utilisation de cet outil est multiple :
- Pouvoir reproduire de nombreuses fois les mêmes échanges
- Pouvoir ne capturer les échanges qu’à un instant précis (et donc, ne pas avoir à reproduire un cas d’usage complet pour constater un dysfonctionnement remonté)
- Pouvoir rejouer une réponse modifiée (pour pouvoir tester une solution de remédiation) sans avoir besoin de déployer la solution sur un serveur. Il est ainsi permis de gagner grandement en agilité mais également de réduire à la fois les coûts et les risques.
Cet outil vise principalement les développeurs, mais peut également cibler une population de testeurs, ayant de bonnes connaissances techniques, qui peuvent, par l’usage de cet outil, donner une base de travail très utile aux développeurs.
L’usage de Fiddler2 peut être couplé à l’utilisation du logiciel Problem Steps Recorder (PSR) pour donner au développeur toutes les informations nécessaires à la reproduction du dysfonctionnement constaté.
Parmi toutes les possibilités offertes par Fiddler, deux cas d’usage sont particulièrement intéressants dans un projet de migration :
- Un développeur teste une correction d’un problème d’affichage sous IE9 en local sur son poste de travail en utilisant les fonctions de réponse automatique de Fiddler2 (fonctionnalité permettant de simuler un appel vers un serveur, en fournissant une réponse contenant une version corrigée de la page HTML, et ce, sans déploiement sur le serveur).
- Un testeur détecte un dysfonctionnement, effectue une capture avec Fiddler2, transmet le fichier de communication au développeur qui peut alors reproduire le problème sans nécessité d’accéder à l’application.
.png "Fiddler2")
Developer Tools
Les Developer Tools sont des outils intégrés à Internet Explorer 9 (ils étaient aussi présents sur IE8). Ils permettent entre autres de :
- Voir et parcourir la structure HTML de la page
- Voir et déboguer le Javascript de la page
- Voir et modifier directement la feuille de style CSS de la page
- Voir et modifier le mode de rendu de la page
Il s’agit là d’un outil indispensable aux tests de remédiation de problème de rendu ou d’exécution d’application sous Internet Explorer 9.
Les Developer Tools étant directement installés avec Internet Explorer 9, ils sont très facilement accessibles. Il suffit de presser la touche F12 pour afficher ces utilitaires et profiter de leurs nombreuses fonctionnalités.
Super Preview
Super Preview est un utilitaire permettant de voir rapidement le rendu d’un site web sous différents navigateurs, il est donc utilisé tôt dans la conception d’un site Web, idéalement au moment du design et de la création de la structure HTML de la page. Cet outil cible principalement une population de designer Web.
Nous pouvons voir, côte à côte, la même page internet affichée par deux versions différentes de navigateur. Nous pouvons également voir la taille de chaque élément graphique pour comparer sa taille et sa disposition selon le navigateur utilisé.
.png "Super Preview")
Super Preview existe sous deux formes :
Attention toutefois, Super Preview ne fonctionne qu’avec des pages dites statiques (sans exécution de requêtes Ajax par exemple). Pour des sites déjà existants, ou utilisant du contenu dynamique, il existe des images de systèmes complets (sous forme de VHD (Virtual Hard Disk)) qui sont mises à disposition gratuitement à l’adresse suivante : http://go.microsoft.com/fwlink?LinkID=70868
PSR
Problems Step Recorder (PSR) est un petit utilitaire très simple d’usage fourni avec Windows 7. Il permet de faire une capture d’une succession d’actions (navigation dans un site Web par exemple) et enregistre des captures d’écran ainsi que les actions (click bouton, saisie de textes, etc …) réalisées dans l’application. Le principal intérêt de cet outil est de permettre d’écrire avec toujours le même formalisme, sans effort et sous la forme d’un simple fichier, n’importe quel problème constaté.
Sous Windows 7, il suffit de taper « PSR » dans le menu Démarrer puis sur la touche Entrée pour lancer l’application. Il suffit ensuite de cliquer sur Commencer l’enregistrement, puis effectuer les opérations que l’on veut enregistrer et enfin cliquer sur terminer l’enregistrement. PSR propose alors d’enregistrer la capture sous forme de fichier Zip contenant la totalité de la capture. Ce fichier peut ensuite servir de base de travail aux équipes de développement qui disposent de toutes les informations pour reproduire le problème.
Process Monitor
Process Monitor est un utilitaire faisant partie des Windows SysInternals, un « couteau suisse» de petites applications utiles dans bien des situations. Il permet d’afficher en temps réel l’activité liée au système de fichier, au registre et à l’activité liée aux processus.
Cet utilitaire se révèle très utile pour le diagnostic de problèmes d’exécution de contrôles ActiveX. Il rend en effet visible toutes les tentatives d’accès faites par l’ActiveX et surtout celles non autorisées (par exemple quand le Protected Mode est activé).
Process Monitor va, une fois lancé et une fois le monitoring du système activé, enregistrer tous les accès au système, qu’ils soient registre ou accès aux fichiers. Voici une capture d’écran avec un focus sur le bouton permettant d’activer et de désactiver la surveillance :
.png "Process Monitor")
Il est important d’arrêter la surveillance dès que possible. En effet, les données remontées par cet outil peuvent prendre plusieurs Gigas en quelques minutes. En limitant ainsi le nombre d’éléments capturés, l’analyse de la source du problème devient plus aisée.
Souscrire