Начиная с Internet Explorer 8, IE поставляется со встроенным набором инструментов для отладки, устранения неполадок и, как правило, помощи в разработке ваших страниц / приложений. Вы можете получить доступ к этим инструментам, нажав F12 в браузере.
Вкладка HTML
Вкладка HTML позволит вам заглянуть в DOM, как это понимает браузер. При выборе элементов в представлении HTML их стили будут подробно описаны справа, а отдельные правила можно включать и выключать. Вы также можете изменить правила и определить, были ли стили элемента унаследованы или назначены явно. Кроме того, вы даже можете сказать, из какого файла .css они происходят.
На вкладке HTML можно сделать еще больше, например, просматривать и изменять атрибуты элементов и даже вносить изменения в макет элемента из раздела макета. Кроме того, вы можете внести изменения непосредственно в разметку, чтобы быстро проверить некоторые структурные идеи.
Вкладка «Сценарий»
Для решения проблем JavaScript вы можете посмотреть консоль и тег Script. Если ваш сценарий сталкивается с вызовом неопределенного метода, вы будете предупреждены в вашей консоли. Консоль также позволяет запускать произвольный JavaScript на вашей странице, если вы хотите включить или выключить элементы или попробовать привязать обработчик к кнопке.
Вкладка «Сценарий» великолепна, так как она отформатирует ваш JavaScript, позволит вам вставлять точки останова, вставлять и перебирать блоки кода и наблюдать переменные во времени.
Если вы использовали Firebug или даже Webkit Inspector, инструменты разработчика F12 в Internet Explorer 8+ должны быть вам довольно знакомы.