Outils Débogage CSS dans Internet Explorer

Sont là des outils autres que Firebug Lite qui pourrait aider à obtenir dans Internet Explorer le buggy de peu d'esprit et de savoir précisément où et pourquoi il est une déformation de mon CSS si mal?

Firebug Lite est un outil utile, bien sûr, mais il semble manquer la caractéristique essentielle (présent dans le "plein" de Firebug plugin) qui permet de voir qui de pièces dont les déclarations sont ignorés en faveur d'autres déclarations.

Par exemple, à l'aide de Firefox avec Firebug je vois que .foo {color: red} est remplacé par .bar {color: blue} plus tard dans la feuille de style.

Mais, Firebug lite que semble montrer la finale, calculé style, je ne peux pas vous dire d'où les déclarations sont ignorés, qui sont en train d'être remplacées, qui ne sont pas pris en charge, et qui sont tout simplement buggy.

Est-il un autre outil qui pourrait être utile ici?

source d'informationauteur anschauung

  1. 20

    Je suis en utilisant IE8 Outils de développement (qui est inclus hors de la boîte), il peut montrer le style de traçage.

    IE7 ont également fourni par Microsoft add on appelle IE Dev Barre d'outils. N'avez pas utilisé cette profondeur.

    Quelle version de IE?

  2. 6

    Oui. Dans IE8 frapper la touche F12. Dans les versions précédentes, installer cette.

  3. 3

    Les outils de développement fournis avec IE8 fonctionne très bien.

  4. 3

    J'ai trouvé jQuery pour être utile dans la compréhension de ce qui se passe "sous le capot" pour ainsi dire. Par exemple, j'ai eu une situation récemment, où j'ai constaté que je ne pouvais pas confiance aux Développeurs les Outils qui vont avec IE 8 (qui, au passage, j'ai du courir dans IE 7, de normes, pas de caprices, le mode de compatibilité. Certaines propriétés CSS déclaré dans la feuille de style n'ont pas été affichées, comme calculé, en plus des autres IE-strangess que je vivais. Donc, j'ai juste mis un peu de javascript sur la page, y compris jQuery, ce qui me permet de taper du code et l'ont évalué sans compter sur IE Developer Tools, Firebug ou l'Inspecteur Web de Safari. Vous pouvez évaluer des énoncés comme:

    $('body').css('background-image');

    qui pourraient retour:

    '/images/default_background.png'

    ou quoi que ce soit.

    YMMV, mais il vaut le temps de l'essayer.

  5. 1

    Je ne sais pas si elle a la capacité de vérifier css spécifique primordial, mais j'aimerais commencer le Internet Explorer barre d'outils du Développeur

  6. 0

    Un autre est la Debug Bar. Fonctionne dans IE 7 ou 8; et est similaire à Firebug

  7. 0

    Vous pouvez utiliser mon nouvel outil pour afficher la mise en page de tout élément que vous pouvez le dessus de la souris.

    HTML de la Boîte de Visualizer - GitHub