Есть ли что-то вроде «Firebug for IE» (для отладки JavaScript)?

Я пытаюсь исправить некоторые ошибки JavaScript. Firebug значительно облегчает отладку этих проблем при работе в Firefox, но что вы делаете, когда код хорошо работает в Firefox, но IE жалуется?

12.08.2008 00:02:42
См. Также Инструменты устранения неполадок JavaScript в IE , аналогичный вопрос, который был задан недавно.
Patrick McElhaney 12.08.2008 00:52:10
16 ОТВЕТОВ
РЕШЕНИЕ

Вы также можете проверить панель инструментов разработчика IE, которая не является отладчиком, но поможет вам проанализировать содержимое вашего кода.

Visual Studio поможет с отладкой

Fiddler должен помочь проанализировать трафик, идущий к вашему браузеру и обратно

23
27.04.2011 21:12:24
Обновлена ​​ссылка на панель инструментов разработчика IE: microsoft.com/downloads/en/…
kg. 11.11.2010 21:40:03
Хотя это, пожалуй, лучшие инструменты для IE, они по-прежнему мусор по сравнению с Firebug. Невозможность щелкнуть правой кнопкой мыши по элементу и проверить его DOM и только CSS делает все эти инструменты практически бесполезными.
Cerin 24.07.2013 17:28:20

Вы можете попробовать Firebug Lite или использовать Visual Studio для отладки JavaScript.

13
12.08.2008 00:07:37
5
29.11.2011 18:17:16

Посмотрите на DebugBar . Лицензия бесплатна для личного пользования

4
14.08.2008 12:22:41

Бета-версия IE8 поставляется с, как мне кажется, панелью инструментов IE Developer, но, похоже, она намного мощнее, чем в прошлый раз, когда я пробовал панель инструментов в IE7.

0
12.08.2008 00:43:37

Firebug lite не очень хорошо работает для меня. Панель инструментов разработчика просто не достаточно хороша. Там действительно нет отличного решения.

6
12.08.2008 01:47:40

Visual Studio 2008 может выполнять отладку JavaScript, вам нужно перейти в «Инструменты» -> «Свойства обозревателя» -> «Дополнительно» и снять флажок «Отключить отладку сценариев (Internet Explorer)», чтобы браузер обнаруживал ошибки, которые он обнаруживал.

Как только вы попадаете в Visual Studio, у вас есть весь арсенал для отладки. Это не так интегрировано, как Firebug, но это намного лучше, чем все, что мы привыкли иметь.

1
14.08.2008 12:37:17

Для инспектора DOM попробуйте панель инструментов разработчика Internet Explorer .

Для вкладки Net, попробуйте Fiddler .

Для отладки Javascript попробуйте Visual Web Developer 2008 Express Edition . (Или более поздняя версия Visual Studio)

Также попробуйте DebugBar .

2
9.09.2009 02:09:14

Я предполагаю, что этот вопрос был опубликован до выхода финала IE8, согласно некоторым ответам.

В наши дни встроенные инструменты разработчика IE8 великолепны; и хотя отладка JS не так полезна, как Visual Studio, инструменты разработки в целом намного лучше, чем Firebug, на мой взгляд. Между этим и режимом просмотра в режиме совместимости я могу удовлетворить все свои потребности в разработке IE6.

0
9.09.2009 02:27:25
Нет, я полностью не согласен, потому что режим совместимости не работает. На работе мы пытались использовать IE9 с режимом совместимости, установленным в IE8, и он не будет вести себя как IE8 для наиболее важного аспекта, с которым мы имели дело. Я не думаю, что инструмент разработчика лучше, чем Firebug, но он отличается.
7dr3am7 2.10.2012 08:00:59

Начиная с Internet Explorer 8, IE поставляется со встроенным набором инструментов для отладки, устранения неполадок и, как правило, помощи в разработке ваших страниц / приложений. Вы можете получить доступ к этим инструментам, нажав F12 в браузере.

Вкладка HTML

Вкладка HTML позволит вам заглянуть в DOM, как это понимает браузер. При выборе элементов в представлении HTML их стили будут подробно описаны справа, а отдельные правила можно включать и выключать. Вы также можете изменить правила и определить, были ли стили элемента унаследованы или назначены явно. Кроме того, вы даже можете сказать, из какого файла .css они происходят.

введите описание изображения здесь

На вкладке HTML можно сделать немного больше, например, просматривать и изменять атрибуты элементов и даже вносить изменения в макет элемента из раздела макета. Кроме того, вы можете вносить изменения непосредственно в разметку, чтобы быстро проверить некоторые структурные идеи.

Вкладка «Сценарий»

Для решения проблем с JavaScript вы можете посмотреть консоль и тег Script. Если ваш сценарий сталкивается с вызовом неопределенного метода, вы получите предупреждение в консоли. Консоль также позволяет запускать произвольный JavaScript на вашей странице, если вы хотите включить или выключить элементы или попробовать привязать обработчик к кнопке.

Вкладка «Сценарий» великолепна, она также отформатирует ваш JavaScript, позволит вам вставлять точки останова, вставлять и перебирать блоки кода и наблюдать за переменными во времени.

введите описание изображения здесь

Если вы использовали Firebug или даже Webkit Inspector, инструменты разработчика F12 в Internet Explorer 8+ должны быть вам достаточно знакомы.

11
15.05.2012 21:42:59
если вы используете firebug, то будете еще больше ненавидеть исследователя
Jon 8.10.2013 16:42:05
@Jon Это правда, что инструменты разработчика F12 оставили желать лучшего, но при правильном использовании они были довольно мощными. IE11 поставляется с совершенно новым набором инструментов, которые эстетически оживлены и еще более мощные, чем раньше.
Sampson 8.10.2013 19:36:02
зависит от того, что вы пытаетесь сделать. Мощность разве все
Jon 9.10.2013 13:39:04
@Jon Что вы пытаетесь сделать, что вам трудно с IE11 Developer Tools?
Sampson 9.10.2013 15:31:19
IE11 пока не работает. Я использую 10, и на лету изменения CSS абсолютно ужасны
Jon 15.10.2013 13:44:40

Я нашел решение этой проблемы, вы можете просто прикрепить этот тег к странице, которую вы пытаетесь отлаживать, и она откроет firebug:

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>

Объяснение с https://getfirebug.com/firebuglite#Stable

0
17.08.2012 10:20:55

Я думаю, что лучше, чтобы вы сначала установили ядро ​​ie в аддоне Firefox, а затем загрузили страницу с помощью аддона ie и нажмите f12. удачи.

1
30.01.2013 20:58:56

Если вы серьезный Front-end разработчик, дайте AJAX Edition пробный запуск:

http://www.compuware.com/application-performance-management/ajax-performance-testing.html

Это бесплатный инструмент, который позволяет пользователям понять, что вызывает проблемы с производительностью и функциональностью в современных AJAX / веб-приложениях.

0
20.02.2013 20:36:15

В IE перейдите в MenuBar-> Инструменты. Выберите Инструменты отладчика. Нажмите F12 и наслаждайтесь. Это далеко от Fire Bug, но подходит для быстрой помощи

0
18.06.2013 22:02:23

Всегда есть способ обойти эту проблему, посмотрите видео, и вы сможете установить firebug за 2 минуты.

установить firebug на ie

Удачи

0
28.07.2013 19:10:54
Обратите внимание, что ответы только на ссылки не приветствуются, поэтому ответы SO должны быть конечной точкой поиска решения (в отличие от еще одной остановки ссылок, которая, как правило, устаревает со временем). Пожалуйста, рассмотрите возможность добавления отдельного краткого обзора здесь, сохраняя ссылку в качестве ссылки.
kleopatra 28.07.2013 20:13:19

Сделайте закладку на панели избранного и укажите этот адрес в качестве URL:

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

Затем перейдите на нужную страницу и нажмите на ссылку. Firebug Lite будет / должен открыться ...

1
8.10.2013 16:32:45