Partager via


Utilitaire Actualités Barre d'outils de développeur Internet Explorer

Lance Whitney

Si vous développez de contenu Web vous-même ou prendre en uniquement charge de votre local Webmestre, ici un utilitaire Microsoft gratuit pour faciliter votre travail. La barre d'outils développeur Internet Explorer vous aide à résoudre misbehaving des pages Web en tapant que lire en arrière-plan. La barre d'outils affiche toutes les balises et les styles de votre texte, tableaux, images et autre contenu HTML. Vous pouvez afficher les règles de style, sélectionnez des éléments spécifiques de votre page et même valider votre HTML et CSS.

Vous installez la barre d'outils développeur Internet Explorer à partir du fichier IEDevToolBarSetup.msi téléchargé. Après l'installation, rouvrez Internet Explorer et un nouveau bouton apparaît appelée barre d'outils Internet Explorer développeur dans la barre de commandes. Cliquez sur le bouton et la barre d'outils s'ouvre dans la partie inférieure de la fenêtre du navigateur, divisée en trois volets (voir la capture d'écran). Le premier volet affiche l'arborescence de tous vos éléments de page Web. Cliquez sur dans n'importe quel élément révèle ses attributs et les styles dans les deux autres volets.

Utilisation des menus déroulant, vous pouvez sélectionner des éléments spécifiques dans l'écran, en cliquant sur les ou en recherchant les. Rechercher toutes les balises h3, pour exemple et ils s'affichent un après l'autre dans l'arborescence. Sélectionner une balise puis présente son élément correspondant de la page. Vous pouvez également trouver éléments en choisissant des catégories spécifiques, comme les balises div, tableaux, images et objets placés à l'aide de positionnement absolu ou relatif.

\\msdnmagtst\MTPS\TechNet\issues\en\2008\11\Whitney - Utility\layout\FIGURES\fig01_L.gif

en arrière-plan d'une page Web

La barre d'outils peut être particulièrement utile pour manipuler des règles de style. Il pouvez surligner tous les éléments sur une page mis en forme avec styles de code ou de classe. Vous pouvez générer un rapport de toutes les règles dans votre feuille de style pour déterminer où et comment elles sont appliquées. Vous pouvez même désactiver tous les CSS pour voir comment vos éléments de page sont affectés.

Pour gérer les objets graphiques avec la barre d'outils, vous pouvez activer et désactiver les images et afficher la résolution, taille, chemin d'accès et balise alt pour chaque image. La barre d'outils est également générer d'un rapport image facile à lire affichant les détails de clé pour tous les graphiques.

À l'aide de la barre d'outils, vous pouvez facilement redimensionner la page de votre navigateur à n'importe quel résolution de 800 x 600 à 1280 x 1024 ou votre propre taille personnalisée. Une règle à l'écran allez mesurer n'importe quel élément en pixels. Un outil de sélection de couleur affiche un Pipette vous permet de sélectionner un objet afin d'afficher sa valeur de couleur dans RVB et hexadécimal.

Pour vous aider à résoudre les problèmes de page Web, la barre d'outils peut désactiver certains éléments, tels que JavaScript et les cookies. Vous pouvez afficher la source HTML de votre contenu, la page entière ou seulement un objet sélectionné. En outre, l'affichage de la source est mis en forme et codé en couleur afin que vous pouvez séparer contenu des balises facilement. Dans l'arborescence, vous pouvez même ajouter et supprimer des styles et des autres attributs sur l'affichage de votre page pour voir leur effet affiché. Enfin, la barre d'outils garantit que le contenu est vérifiée pour XHTML validité, des liens rompus et d'accessibilité par de votre page pour le service de contrôle du World Wide Web Consortium (W3C).

La barre d'outils développeur Internet Explorer est compatible avec Internet Explorer 6 et 7 sous Windows XP, Windows Vista et Windows Server 2003. Reportez-vous au go.microsoft.com/fwlink/?LinkId=125120 Pour plus d'informations et un lien pour télécharger la barre d'outils.

Lance Whitney est consultant informatique, développeur Web et rédacteur technique. Il a passé innombrables heures ajuster les stations de travail Windows et les serveurs. À l'origine un journaliste, il a un bissextile invisible dans le monde informatique il y a 15 ans.