Я пытаюсь исправить некоторые ошибки JavaScript. Firebug значительно упрощает отладку этих проблем при работе в Firefox, но что делать, если код работает нормально в Firefox, но IE жалуется?
Есть ли что-то вроде Firebug для IE (для отладки JavaScript)?
Ответы (16)
вы также можете ознакомиться с панелью инструментов разработчика IE. который не является отладчиком, но поможет вам проанализировать содержимое вашего кода.
Visual Studio поможет с отладка
Fiddler должен помочь проанализировать трафик, входящий и исходящий из вашего браузера.
Вы можете попробовать Firebug Lite или использовать Visual Studio для отладки JavaScript.
Начиная с Internet Explorer 8, IE поставляется со встроенным набором инструментов для отладки, устранения неполадок и общей помощи в разработке ваших страниц/приложений. Вы можете получить доступ к этим инструментам, нажав F12 в браузере.
Вкладка HTML
Вкладка HTML позволит вам заглянуть в DOM так, как его понимает браузер. Когда вы выбираете элементы в представлении HTML, их стили будут подробно описаны справа, а отдельные правила можно включать и выключать. Вы также можете изменить правила и определить, были ли стили элемента унаследованы или назначены явно. Кроме того, вы даже можете сказать, из какого файла .css они происходят.
На вкладке HTML вы можете сделать немного больше, например просмотреть и изменить атрибуты элементов и даже внести изменения в макет элемента из раздела макета. Кроме того, вы можете вносить изменения непосредственно в разметку, чтобы быстро проверить некоторые структурные идеи.
Вкладка «Скрипт»
Для решения проблем с JavaScript вы можете посмотреть консоль и тег Script. Если ваш сценарий наткнется на вызов неопределенного метода, вы получите предупреждение в своей консоли. Консоль также позволяет вам запускать произвольный JavaScript на вашей странице, если вы хотите включать или выключать элементы или пытаться привязать обработчик к кнопке.
Вкладка «Сценарий» великолепна, так как она отформатирует ваш JavaScript для вас, позволит вам вставлять точки останова, выполнять вход и выход из блоков кода и отслеживать переменные с течением времени.
Если вы использовали Firebug или даже Webkit Inspector, инструменты разработчика F12 в Internet Explorer 8+ должны быть вам хорошо знакомы.
Firebug lite не слишком хорошо работает для меня. Панель инструментов разработчика просто недостаточно хороша. На самом деле нет отличного решения.
Взгляните на DebugBar. Лицензия бесплатна для личного использования
Для инспектора DOM попробуйте Интернет Панель инструментов разработчика Explorer.
Для вкладки "Сеть" попробуйте Fiddler.
Для отладки Javascript попробуйте Visual Web Developer 2008 Express Edition. (Или более поздняя версия Visual Studio)
Кроме того, попробуйте DebugBar.
Visual Studio 2008 может выполнять отладку JavaScript, вам нужно перейти в Инструменты IE-> Свойства обозревателя-> Дополнительно и снять флажок «Отключить отладку сценариев (Internet Explorer)», чтобы браузер отображал ошибки, которые он обнаруживает.
Как только вы окажетесь в Visual Studio, в вашем распоряжении будет практически весь арсенал средств отладки. Он не так интегрирован, как Firebug, но намного лучше, чем все, что у нас было раньше.
Я думаю, что лучше сначала установить аддон ie core в firefox, затем загрузить страницу с аддоном ie и нажать f12. удачи.
Сделайте закладку на панели избранного и укажите этот адрес в качестве 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 будет/должен открыться...
Бета-версия IE8 поставляется с тем, что я считаю панелью инструментов IE Developer, но она кажется намного более мощной, чем в прошлый раз, когда я пробовал панель инструментов в IE7.
Я предполагаю, что этот вопрос был опубликован до того, как вышел финал IE8, согласно некоторым ответам.
В наши дни встроенные инструменты разработчика IE8 великолепны; и хотя отладка JS не так полезна, как Visual Studio, инструменты разработки в целом намного лучше, чем Firebug, на мой взгляд. Между этим и режимом браузера представления совместимости я могу справиться со всеми моими потребностями разработки IE6.
Я нашел решение этой проблемы, вы можете просто прикрепить этот тег к странице, которую вы пытаетесь отладить, и она откроет firebug:
<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
Объяснение из https://getfirebug.com/firebuglite#Stable
Если вы серьезный разработчик внешнего интерфейса, протестируйте AJAX Edition:
http://www.compuware.com/application-performance-management/ajax-performance-testing.html
Это бесплатный инструмент, который позволяет пользователям понять, что вызывает проблемы с производительностью и функциональностью в современных AJAX/веб-приложениях.
В IE перейдите в MenuBar->Tools Выберите Инструменты отладчика Нажмите F12 и наслаждайтесь. Это далеко от Fire Bug, но подходит для быстрой помощи
Всегда есть способ обойти эту проблему, посмотрите видео, и вы сможете установить firebug за 2 минуты.
Удачи