2010-09-14 3 views
4

Недавно реализовано множество страниц с разными классами CSS для моего веб-приложения.Инструменты отладки CSS для IE

Теперь приложение отлично выглядит в Mozilla/Chrome/Safari. Но когда я запускаю свое приложение в IE 7 или 8, все страницы становятся повсеместными, с проблемами маржи, цвета, переполнения и т. Д. Css.

Итак, я попробовал некоторые инструменты для отладки и редактирования css, такие как firebug, XRAY и другие, перечисленные в этом документе link.

Я просто хотел знать, что есть какой-либо конкретный инструмент для отладки css-файлов в IE, чтобы я мог соответствующим образом изменять файлы css.

Заранее спасибо ....

ответ

1

Если вы попали F12 (в IE8, по крайней мере) вы будете иметь инструменты некоторых разработчика, аналогичные Firebug и инструменты Chrome в :)

2

В IE8 Существует функция для вас, когда вы нажмете кнопку F12 на клавиатуре, проверить его;)

4

IE8 имеет инструменты разработчика (f12), построенный в и очень похожи на Firebug для Firefox

+0

+1 для интегрированных devtools. Хотя им не хватает вкладки в сети, они довольно хорошо сделаны. Если вы боитесь обновиться до IE8, потому что хотите протестировать совместимость с IE7, не волнуйтесь: вы можете заставить его вести себя как IE7 по хитрости кнопки, а devtools все еще работают в этом режиме! –

3

Firebug Lite что-то я использую довольно часто для IE CSS, если мне нужно. Предполагая, что у вас есть сайт разработки, вы просто включаете сценарий, который они дают вам (почти половина пути вниз по странице), и как только вы обновите сайт, вы увидите значок firebug в правом нижнем углу.

Очевидно, что ничто не будет таким же правдивым, как настоящий firebug для FFox, но это поможет вам особенно с CSS и позволит вам вносить коррективы в вещи на лету.

0

Я только что выпустил инструмент, который позволяет визуализировать ваш макет HTML/CSS, просто перемещая мышь. Вы можете легко просматривать элементы в режиме зависания.

HTML Box Visualizer - GitHub

Смежные вопросы