Есть ли что-то вроде «Firebug for IE» (для отладки JavaScript)? - PullRequest
42 голосов
/ 12 августа 2008

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

Ответы [ 16 ]

23 голосов
/ 12 августа 2008

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

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

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

13 голосов
/ 12 августа 2008

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

11 голосов
/ 16 мая 2012

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

Вкладка HTML

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

enter image description here

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

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

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

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

enter image description here

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

6 голосов
/ 12 августа 2008

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

5 голосов
/ 12 августа 2008
4 голосов
/ 12 августа 2008

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

2 голосов
/ 09 сентября 2009

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

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

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

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

1 голос
/ 08 октября 2013

Сделайте закладку в панели избранного и укажите этот адрес в качестве 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 голос
/ 31 января 2013

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

1 голос
/ 14 августа 2008

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

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

...