Ответ 1
Я использую IE8 Developer Tools (который включен в комплект), он может показывать трассировку стиля.
В IE7 также добавлен Microsoft, добавленный по адресу IE Dev Toolbar. Не использовали это широко, хотя.
Какую версию IE вы используете?
Инструменты Отладка CSS в Internet Explorer
Существуют ли инструменты, отличные от Firebug Lite, которые могут помочь вам разобраться в непонятном манере Internet Explorer и выяснить, где именно и почему это так сильно искажает мой CSS?
Firebug Lite - полезный инструмент, конечно, но, похоже, отсутствует ключевая функция (присутствует в "полном" плагине Firebug), которая позволяет вам видеть, какие части объявлений игнорируются в пользу других объявлений.
Например, используя Firefox с Firebug, я вижу, что .foo {color: red} переопределяется .bar {color: blue} позже в таблице стилей.
Но Firebug lite, кажется, только показывает окончательный, рассчитанный стиль - я не могу сказать, какие объявления игнорируются, которые переопределяются, которые вообще не поддерживаются и которые являются просто ошибками.
Есть ли другой инструмент, который может быть полезен здесь?
Ответы
Ответ 2
Да. В IE8 нажмите F12. В предыдущих версиях установите this.
Ответ 3
Инструменты разработчика, включенные в IE8, работают достаточно хорошо.
Ответ 4
Я нашел jQuery, чтобы помочь выяснить, что происходит "под капотом", так сказать. Например, недавно у меня была ситуация, когда я обнаружил, что не могу доверять инструментам разработчика, которые поставляются с IE 8 (который, кстати, я работал в IE 7, стандарты не причудливые, режим совместимости. Некоторые свойства CSS, объявленные в таблица стилей не показывалась как вычисленная, в дополнение к другой IE-странности, которую я испытывал. Поэтому я просто бросил на страницу javascript, включая jQuery, который позволил бы мне ввести код и оценить его, не полагаясь на IE Developer Tools, Firebug или веб-инспектор в Safari. Вы можете оценить такие выражения, как:
$('body').css('background-image');
который может вернуться:
'/images/default_background.png'
или что-то еще.
YMMV, но стоит попробовать его.
Ответ 5
Я не знаю, есть ли у него возможность проверить конкретное переопределение CSS, но я начинаю с панель инструментов разработчика Internet Explorer
Ответ 6
Другим является панель отладки. Работает в IE 7 или 8; и похож на Firebug
Ответ 7
Вы можете использовать мой новый инструмент для просмотра макета любого элемента, на который вы можете навести указатель мыши.