Все современные браузеры поставляются с некоторой формой встроенного приложения для отладки JavaScript. Подробная информация о них будет рассмотрена на соответствующих веб-страницах технологий. Мое личное предпочтение отладки JavaScript - Firebug в Firefox. Я не говорю, что Firebug лучше, чем любой другой; это зависит от ваших личных предпочтений, и вы, вероятно, должны проверить свой сайт во всех браузерах, но мой первый, личный, первый выбор - это всегда Firebug.
Я расскажу о некоторых из решений высокого уровня ниже, используя Firebug в качестве примера:
Firefox поставляется со своим встроенным инструментом отладки JavaScript, но я бы порекомендовал вам установить добавление Firebug . Это дает несколько дополнительных функций, основанных на базовой версии, которая удобна. Я собираюсь поговорить только о Firebug здесь.
После установки Firebug вы можете получить к нему доступ, как показано ниже:
Во-первых, если вы щелкните правой кнопкой мыши по любому элементу, вы можете Осмотреть Элемент с Firebug :
[/g17]
После этого откроется панель Firebug в нижней части браузера:
[/g18]
Firebug предоставляет несколько функций, но интерес к ним - вкладка сценария. Нажав на вкладку сценария, откроется следующее окно:
[/g19]
Очевидно, что для отладки вам нужно нажать reload :
[/g20]
Теперь вы можете добавить точки останова , щелкнув строку слева от фрагмента кода JavaScript, который вы хотите добавить точку останова, чтобы :
[/g21]
Когда ваша точка останова будет удалена, она будет выглядеть следующим образом:
[/g22]
Вы также можете добавить переменные watch и вообще делать все, что можно было бы ожидать в современном инструменте отладки.
[/g23]
Для получения дополнительной информации о различных вариантах, предлагаемых в Firebug, ознакомьтесь с FAQ по Firebug .
Chrome также имеет свой собственный встроенный JavaScript опция отладки, которая работает очень похоже, щелчок правой кнопкой мыши, проверка элемента и т. д. . Посмотрите на Chrome Developer Tools . Я обычно обнаруживаю трассировку стека стека в Chrome лучше, чем Firebug.
Если ваше развитие в .NET и использование Visual Studio с использованием среды веб-разработки вы можете отлаживать код JavaScript напрямую, помещая точки останова и т. Д. Ваш код JavaScript выглядит точно так же, как если бы вы отлаживали код C # или VB.NET .
Если у вас этого нет, Internet Explorer также предоставляет все инструменты, показанные выше. Раздражающе, вместо того, чтобы щелкнуть правой кнопкой мыши элемент элемента Chrome или Firefox, вы получаете доступ к инструментам разработчика, нажав F12. Этот вопрос охватывает большинство точек.